Data Input Blocks
Phone Number Block

Phone Number Block

This is some text inside of a div block.

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

Editing the Phone Number block

Click on the block and configure it by editing on the right panel.


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

Example: Phone Number. 


The description is the additional information provided to the end user which will be displayed below the input area.

Example: Select country code and enter the number.

This is how the Phone Number block with the label and the description will look to the end user.

Default Country Code

Click on the downward arrow in the right panel and a drop-down list of various Country Codes will appear.

'For the end user, country code is indicated on the left side of the Phone Number input block with an icon of the respective country’s National Flag.

Allow User to edit the Country Code

Enable this option for the end user to change the Country Code.


Enable this option if you want the user to compulsorily input the data. If enabled, the end user can submit if and only if the data is entered in this field.

Show advanced options

Enable this option to show the advanced options to configure the counter block.

Display this field if

Use this if you want to show or hide a field under certain conditions. It accepts the standard Clappia Formulae, similar to conditional sections.

  1. You can type ‘@’ to get a list of all the variables in the app and select variables.
  2. Using these variables you can write Excel-like formulae.

Allow value to be changed after initial submission

This option is enabled by default. End users can edit and change the phone number after creating a submission. Disable it if you do not want the end users to change the phone number option.