Address

This article explains the features of the Address block and how it can be used to design your app.

Use Cases

1. Customer Address Collection: Gather complete address information from customers, including country, state, city, and postal code.
2. Shipping Information: Capture detailed shipping addresses for order deliveries.
3. Event Registration: Collect participants' addresses for event planning or invitations.

Editing the Block

Click on the Address block and start editing on the panel that appears on the right side.

‍

Label

The label is the name of the block that the end user sees in the app.

Example: Address, Shipping Address.

Description

The description is the additional information provided to the end user, displayed below the input area. You can also leave this blank if not necessary.

Example: Please enter your full address.

Required

Enable this option if you want to make this field mandatory. When enabled, users must complete all parts of the address before submitting the form.

Advanced Options

Countries List

Use this option to specify the list of countries available in the dropdown menu. Select multiple countries if you want to limit choices to specific regions, or select all to provide a global list.

Default Country

Set a default country to display in the app out of the selected countries. This can streamline the process for users if the majority are from a particular country.

Example: If you select India as the default country, it will appear by default in the country dropdown within the Address block, but users can still change it if needed.

Display this field if

Use this option to show or hide the field under specific conditions. It accepts the standard Clappia formulae, similar to conditional sections or in the ‘Calculations & Logic’ block.

1. Type @ to get a list of all the fields you have added in the app and select the relevant field or type @ followed by the field name.

2. Use these field variables to write spreadsheet-like formulae for conditional display of the field in the app.

Retain value if hidden

This option appears once a condition is set in the Display this field if option. Enable this setting if you want the field's value to be retained even when the field is hidden. This is useful for preserving user input in cases where the field may temporarily disappear based on conditions.

Example: If the field is hidden based on user selection but you still need to keep the entered value for future reference or calculations, enable this option to ensure the data is retained.

Allow value to be changed after initial submission

This option is enabled by default. When active, end users can edit the address fields after creating a submission. Disable this option if you want the address to remain fixed once submitted.

Block Width

Desktop View: Set the width of the PDF Viewer block in the desktop view. Options are 100%, 75%, 50%, or 25%.

Mobile View: Set the width of the PDF Viewer block in the mobile view. Options are 100% or 50%.