AJAX
ss:ajax:delayedload ss:ajax:event ss:ajax:region
Data
ss:data:calendar ss:data:column ss:data:postrepeater ss:data:productbrandrepeater ss:data:productcategoryrepeater ss:data:productrepeater ss:data:repeater ss:data:table ss:data:template ss:data:tree
Forms
ss:forms:address ss:forms:captcha ss:forms:checkbox ss:forms:checkboxgroup ss:forms:codeeditor ss:forms:combobox ss:forms:datepicker ss:forms:dialogbox ss:forms:editbox ss:forms:fileupload ss:forms:form ss:forms:hidden ss:forms:money ss:forms:officeuseregion ss:forms:option ss:forms:password ss:forms:paymentmethod ss:forms:radiobutton ss:forms:radiobuttongroup ss:forms:row ss:forms:searchbox ss:forms:signature ss:forms:slider ss:forms:spinbox ss:forms:submitbutton ss:forms:submitimage ss:forms:submitlink ss:forms:successcontent ss:forms:textarea ss:forms:timepicker
Layout
ss:layout:gallery ss:layout:productgallery ss:layout:rotator ss:layout:stepper ss:layout:stepperpanel ss:layout:tablist ss:layout:tablistitem
Logic
ss:logic:dependency ss:logic:parse ss:logic:if ss:logic:else ss:logic:include ss:logic:variable
Navigation
ss:navigation:breadcrumbs ss:navigation:item ss:navigation:primary ss:navigation:secondary
Standard
ss:standard:audio ss:standard:embed ss:standard:icon ss:standard:image ss:standard:link ss:standard:script ss:standard:video
Templates
ss:templates:button ss:templates:card ss:templates:column ss:templates:fancybox ss:templates:faq ss:templates:flexlayout ss:templates:header ss:templates:row ss:templates:section ss:templates:teammember ss:templates:testimonial
Regions
ss:regions:content ss:regions:contentadditional ss:regions:security ss:regions:togglable
Third Party
ss:thirdparty:googlemap ss:thirdparty:googlemapmarker
Attributes
Examples

<ss:forms:address />

A form control for capturing location / address information.

This control will offer address suggestions powered by Google, and show / hide fields appropriately for the selected country.

This control includes a number of separate fields for collecting the parts of an address. Each field maps to an Oncord datacolumn, but can be overridden if needed (via the corresponding attribute) to a different datacolumn.

Attributes

datacolumnAddress
string
Datacolumn Address

The datacolumn to which the address field will be mapped.

Default = 'contact_address'
datacolumnCity
string
Datacolumn City

The datacolumn to which the city field will be mapped.

Default = 'contact_suburb_city'
datacolumnCountry
string
Datacolumn Country

The datacolumn to which the country field will be mapped.

Default = 'country_id'
datacolumnPostCode
string
Datacolumn Post Code

The datacolumn to which the post code field will be mapped.

Default = 'contact_postcode'
datacolumnZone
string
Datacolumn Zone

The datacolumn to which the zone field will be mapped.

Default = 'contact_state'
id
string
(Required) Give this control a unique id. Can be accessed in the client DOM (eg, document.getElementById('myid') or in the server DOM using [? $myid ?] or [? $('myid') ?]).

Examples

Basic Address Collection

The ss:forms:address tag can be added to a form to collect address data. Note that the tag is not wrapped in an ss:forms:row. This is because the address tag outputs each part of the address in its own row.

HTML: