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

<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.

Related Tutorials

Attributes

datacolumnAddress
string
Datacolumn Address

The datacolumn to which the address field will be mapped.

Default = 'contact_address'
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'
datacolumnState
string
Datacolumn Zone

The datacolumn to which the zone field will be mapped.

Default = 'contact_state'
datacolumnSuburbCity
string
Datacolumn City

The datacolumn to which the city field will be mapped.

Default = 'contact_suburb_city'
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') ?]).
rowtype
string
Row Type

Set a type for rendered Form Rows.

Default = 'two_column'
useplaceholders
bool
Use Placeholders

Whether to render placeholder text for field inputs or not.

Default = 'false'
userowlabels
bool
Use Row Labels

Whether to render labels for field rows or not.

Note that if useplaceholders is false, labels will always be rendered for usability.

Default = 'true'

Tutorials

Examples

Basic Address Collection

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

HTML:

<forms:form id="store_contact_address_example" onsuccesstoastmessage="Your details have been stored successfully." contactmode="store" > <forms:row label="First Name" type="one_column"> <forms:editbox id="contact_first_name" validations="mandatory" /> </forms:row> <forms:row label="Last Name" type="one_column"> <forms:editbox id="contact_last_name" validations="mandatory" /> </forms:row> <forms:row label="Email Address" type="one_column"> <forms:editbox id="contact_email" validations="mandatory,email" transformations="tolower" /> </forms:row> <forms:address id="contact_address" /> <forms:row type="one_column"> <forms:submitbutton>Send</forms:submitbutton> </forms:row> </forms:form>