Text

If you want your form to contain text, then use a Text field. Just drag it from the left panel to the middle screen and drop it.

You can use a text field in your form for various fields like name, address phone number, e-mail ID, description, etc.

You can use more than 1 text fields in your form.

There are different properties of a text box:

When you click on the text box placed on the middle screen, a set of properties can be seen on the right panel.

1. Label

You can change the name of the text box using a label property. It is ‘Textbox’ by default. Click on the text box. Then, on the right panel, go to the label section and you can type the required text that you want. The same name will appear on the form.



2. Required

You can use this property to make that text box mandatory to be filled.

Some fields in your form might be mandatory, while some might not be.

For example, an address field can be set to ‘Yes’ in the required property, while the feedback field might have ‘No.’

So, while filling out a form, the user will have to compulsorily fill out the ‘address’ field, while he might skip the ‘feedback’ field since it’s not required.

3. Unique Identifier

Every field will have a unique identifier. No two unique identifiers of the two fields will be the same.

Please note that ‘Unique Identifier’ property is just for reference purpose only. The user need not have to do anything or set the property, it can be referred when there are fields created with the same names.

When you create two fields with the same names, it might get confusing when you are setting a condition and you wouldn’t know which field is which.

For example,

If you have created a field ‘address’ - and setting a visibility condition to it saying the ‘address’ field will be only visible if you have entered the ‘Phone number.’

But if there are two fields that say ‘Phone Number’ - it will be difficult to set a visibility condition since both the fields have the same name.

Both of these fields ‘Phone Number’ will have different unique identifiers. You can check the unique identifier and then set the condition accordingly.

4. Validity Conditions

Validity Condition in the property for the text box is used to specify a condition.

If you set any validity condition, it implies that the text box will only be valid if it satisfies the condition that you have set.

It can be set by specifying the condition - you can do that by clicking ‘condition not specified.’

For example,

You might create a text box ‘Describe Your Last Job’ which will be only valid if the user enters ‘Yes’ in the earlier field ‘Have you got job experience?’

Otherwise, it would be invalid and show an error message.

Validations can help you control the type of input during the filling of a form by the user.

You can also customize an error message that you want to display by typing the message in ‘Validity Error Message.’ This message will be displayed when the validity condition does not match with the given input.

You can write an error message that could be “This field is for experienced people only.”

5. Visibility Conditions

Visibility Condition in the property for the text box is used to specify a condition.

If you apply any visibility condition, it implies that the text box will only be visible if it satisfies the condition that you have set.

Visibility condition can be set by specifying the condition - you can do that by clicking ‘condition not specified.’

For example,

You might create a text box ‘How much do you earn per month?’ which will be only visible if the user chooses ‘working’ option in the earlier field.

Visibility conditions can help you control the type of input during the filling of a form by the user.

6. Input Type

Use the input type property on the right panel to allow specific inputs while filling out the form.

For example, if you want to add a text box to your form for a phone number, then you must set the input type to ‘Phone.’

Note that there are various different input types available like Plain Text, Email, Numeric, Decimal, Address, Phone, etc.

7. Mask

Mask property for a text box can be used for accepting specific input formats like Date & Time, Telephone with Code, IP address, amount, etc.

It allows the text box to control the format of the data entered while filling out the form.

For example, you can create a mask for the text box ‘Telephone with Code’ by choosing an appropriate format type under mask property.

8. Multiline

Use Multiline property for the textbox to allow input in more than one line.

For example, if you add the ‘Address’ field in your form, then you may use ‘multiline’ property considering address will need more lines to accommodate text.

Just set the multiline to yes. You can use the multiline for various other fields of your form where the text is usually descriptive in nature.

9. Minimum & Maximum Length

Using minimum & maximum length, you can determine the character limit for the text box.

While filling out that particular field, the number of characters must be equal to more than a minimum value set, and less than or equal to the maximum value set.

Note that, it’s not necessary to specify both the condition together - you can use it depending upon the form requirement.

For example, the character limit that you can set for a particular address field can be between 10-100.

Or you can set Maximum length for ‘Feedback’ to 100. This will limit the character number while filling out the form until 100.

10. Case

You can use case property for your text box to convert your input into a specific format only - it could be Capital, Small or Title.

If you set case property for text box as capital, the input will be converted into capital

For example, if you want the name to be in the capital, set ‘Case’ as ‘Capital’ for that textbox.

11. Default Text

If you want to add default text for that particular placeholder of a text box, then use ‘Default Text’ property and add text.

For example, let’s say you are collecting Gmail Ids of people. So, for email id text box, you can set ‘@gmail.com’ as default text.

This way the user can save time by not typing @gmail.com for each email id he/she collects while filling up the form. The User can just add the initial part because @gmail.com would exist already in the field.


12. Place Holder

Every placeholder of a text box will say ‘Tap here to enter’ by default. The user can tap the placeholder to enter the details for that text box.

However, you can change the message and set your own by changing the ‘Placeholder’ property and typing your own message.

We are always here to help you at every step