Form without address line 2
DOM Logic Split Fields StreetThe example shows the basic use case of the AddressFinder widget but on a form that has fewer address fields. This form only has one "address line" so the widget has been modified to combine the 'Address_Line_1' and 'Address_Line_2' elements when populating the content into the appropriate field.
See the Pen Form without address line 2 by Addressfinder (@addressfinder) on CodePen.
Related code examples
-
Canadian checkout demo - Shows a simple checkout page, configured for capturing a Canadian address. The autocomplete widget provides the search capability and the selected address elements are populated into the relevant form fields.#International #Split Fields
-
Capture AusPost DPID - The demo shows requesting and then stored the DPID in a hidden field. The DPID is the unique address identifier used by Australia Post.#DPID #Metadata #Split Fields
-
Collect the G-NAF ID and GPS coordinates for an address - The example demonstrates how to collect both the G-NAF ID and GPS coordinated, and then save into form fields.#GNAF #GPS #Metadata #Split Fields
-
Display alert is address may have stairs - It checks the addresses metadata for unit type and level type. If the address contains a unit or level an alert will ask to confirm whether there are stairs at the property.#Logic #Metadata
-
Location autocomplete - The code displays the use of the Addressfinder Widget for the purposes of searching locations and in this case Suburb-State-Postcode combinations.#Locality #Location #Split Fields #Suburb