Single Line Text

This article explains the Single Line Text block that can be added as a block to design an app.

Help video

Used for

  1. Short answers
  2. Numbers
  3. Emails
  4. Phone numbers
  5. URL

Editing the block

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

Label

This is what appears as the name of the input block to the end-user. For example, writing “Phone Number” as the label will show the block as shown below.

Description

This is the text that goes below the input block to help the user.

Default value

This is the default value that you want to add so that the users don’t need to fill all input blocks unless some change is required.

Required

Tick this option if you want the user to compulsorily fill the input block.

Display this field if

Use this configuration to conditionally show/hide the field. This field accepts the standard Clappia formulae, very similar to conditional sections. You can type “@” to get a list of all the variables available in the app and write Excel-like formulae using these variables. For example you can show a field named Remarks only when the answer to the previous question is No.

Allow value to be changed after initial submission

This option is turned on by default. Turn it off if you don’t want the users to edit this field’s value once they create a submission. For example, if a new submission has been created in a Customer Visit App, you might not want the customer name to be edited by anyone after the submission is created. 

You can also write a formula here to conditionally allow editing the field after submission. For example, in the same Customer Visit app, the Customer email field should be editable only if the status is not equal to CONFIRMED or if the user is an admin user. Below is the formula for this use case.

Validation

Select the right validation like Number, Email, or Url for the input.

Custom Validation

You can add advanced validation if required. For example, we are designing an app with input “Quantity” validation that ensures the users don’t enter less than 5. Use @ to call any variable and enter the custom validation against it.

Here is how the final app will look if the user enters a value less than 5 in the “Quantity” field.