input

A text field that allows the user to enter and specify custom text.

Syntax

A	B	C
Name

A	B	C
Name		input

User information

When collecting information about a person, you should use the following types (column C) instead. Using these types will correctly create the person as a "Contact" in our platform:

A	B	C
First name		firstName
Last name		lastName
Address		address
Zip		zip
City		city
Country		country
Company		company
Phone number		phone
Email		email

Validation (Column D)

Use these to ensure the data entered by the user meets predefined criteria, such as format or range, thereby ensuring the accuracy and consistency of the data (Read more):

required

Checks that the field is not empty

number

Checks that what has been written is a number, it also changes the keyboard on mobile to the "number keyboard with decimal"

email

Checks that what has been written is an email, it also changes the keyboard on mobile to the "email keyboard"

minvalue=value

Checks that the number in the field is not lower than this value

maxvalue=value

Checks that the number in the field is not higher than this value

minchars=value

Checks that the number of characters in the field is not less than this value

maxchars=value

Checks that the number of characters in the field is not greater than this value

Examples

A	B	C	D
First name		firstName	required
Last name		lastName	required
Address		address	required
Zip		zip	required,minchars=4,maxchars=4
City		city	required

Settings (Column G)

Used these to configure the behavior and appearance of fields, such as determining the number of decimal places in a numeric output or controlling when a field is displayed based on other input values (Read more).

symbol:value=before/after

Adds text or, an icon in front of or behind the text field.

For the addition of an icon, find the icon you want to use here and put "fa-" in front of the name of the icon: https://fontawesome.com/v4/icons/

Text example syntax

{symbol:m²=after}

Icon example syntax

{symbol:fa-user=before}

hidden:true

Hides the field

showIf:logicid=value

Hides the field until the field with the logic id you define has the value you have entered.

Syntax

{showIf:insurance=Yes}

In this example, we only show the input field if the field with the logic id "insurance" has the value "Yes", for example for use on buttons with the options "Yes" and "No"

hideIf:logicid=value

Shows the field until the field with the logic id you define has the value you have entered.

Syntax

{showIf:insurance=No}

In this example, we only hide the input field if the field with the logic id "insurance" has the value "No", for example for use on buttons with the options "Yes" and "No"

smartHide:true/false

If set to true, it automatically hides the field if it already has a value (typically from session or set via. Parameter in the url)

Examples

A	B	C	D	E	F	G
Name		firstName	required	firstName		{symbol:fa-user=before}
Size of the house			required	m2Size		{symbol:m²=after}