The following element types are available to add as fields when creating a form.

User Inputs

Text

Allows a user to enter a single line of free form text.

Label: This is what will be displayed to the form users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Minimum/Maximum number of characters: Specify the amount of characters, if desired
Default Value: Add default data that will populate in the field unless changed by the user before submitting
Placeholder Value: Enter placeholder text that will display in the form's field before edited by the user
Read Only: Set a field to "read-only" (not requiring user input)
Required: Make a field required for submission
Enable Data Lookup: Enable Data Lookup
Enable Element Lookup: Enable Element Lookup
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Text (Multi-line)

Allows a user to enter multiple lines of free form text.

Label: This is what will be displayed to the form users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Minimum/Maximum number of characters: Specify the amount of characters, if desired
Default Value: Add default data that will populate in the field unless changed by the user before submitting
Placeholder Value: Enter placeholder text that will display in the form's field before edited by the user
Read Only: Set a field to "read-only" (not requiring user input)
Required: Make a field required for submission
Enable Data Lookup: Enable Data Lookup
Enable Element Lookup: Enable Element Lookup
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Number

Allow the user to add numbers. This will display the numerical keypad to the user for ease of use.

Label: This is what will be displayed to the form users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Minimum/Maximum: You are able to set a minimum and maximum numbers
Default Value: Add default data that will populate in the field unless changed by the user before submitting
Placeholder Value: Enter placeholder text that will display in the form's field before edited by the user
Read Only: Set a field to "read-only" (not requiring user input)
Required: Make a field required for submission
Display as Slider - You are able to make the number element appear as a slider, this will make the min and max inputs required
Enable Data Lookup: Enable Data Lookup
Enable Element Lookup: Enable Element Lookup
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Email

The Email element type is used exclusively for email inputs, including a custom keyboard and email validation.

Label: This is what will be displayed to the form users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Default Value: Add default data that will populate in the field unless changed by the user before submitting
Placeholder Value: Enter placeholder text that will display in the form's field before being edited by the user
Read Only: Set a field to "read-only" (not requiring user input)
Required: Make a field required for submission
Enable Data Lookup: Enable Data Lookup
Enable Element Lookup: Enable Element Lookup
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Phone Number

The Phone Number element type is used exclusively for phone inputs, including a custom keyboard and phone validation.

Label: This is what will be displayed to the form users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Default Value: Add default data that will populate in the field unless changed by the user before submitting
Placeholder Value: Enter placeholder text that will display in the form's field before edited by the user
Read Only: Set a field to "read-only" (not requiring user input)
Required: Make a field required for submission
Enable Data Lookup: Enable Data Lookup
Enable Element Lookup: Enable Element Lookup
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Barcode Scanner

This element turns your device's camera into a barcode scanner, you can even restrict the specific types of barcodes you are scanning against.

Label: This is what will be displayed to the form users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Default Value: Add default data that will populate in the field unless changed by the user before submitting
Placeholder Value: Enter placeholder text that will display in the form's field before edited by the user
Restrict Bar Codes: Choose the types of barcodes you scan
Read Only: Set a field to "read-only" (not requiring user input)
Required: Make a field required for submission
Enable Data Lookup: Enable Data Lookup
Enable Element Lookup: Enable Element Lookup
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

User Selections

Radio Buttons

Allow the user to select one item from a list of options.

Label: This is what will be displayed to the form users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Default Value: Add default data that will populate in the field unless changed by the user before submitting
Display as Buttons: Will display the radio buttons as buttons instead of circles
Read Only: Set a field to "read-only" (not requiring user input)
Required: Make a field required for submission
Enable Data Lookup: Enable Data Lookup
Enable Element Lookup: Enable Element Lookup
Show Conditionally: This option is used when you want the element to only be shown under a certain condition
Options:
- Enter My Own: Manually create your own options
  - Label: What will be displayed next to the checkboxes
  - Value: The value that will be submitted, use the default if you’re not sure what this is
- Use Predefined: Choose from a list of predefined option sets

Checkboxes

These will allow the user to tick multiple options from a list of options

Label: This is what will be displayed to the form users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Default Value: Add default data that will populate in the field unless changed by the user before submitting
Display as Buttons: Will display the radio buttons as buttons instead of circles
Read Only: Set a field to "read-only" (not requiring user input)
Required: Make a field required for submission
Enable Data Lookup: Enable Data Lookup
Enable Element Lookup: Enable Element Lookup
Show Conditionally: This option is used when you want the element to only be shown under a certain condition
Options:
- Enter My Own: Manually create your own options
  - Label: What will be displayed next to the checkboxes
  - Value: The value that will be submitted, use the default if you’re not sure what this is
- Use Predefined: Choose from a list of predefined option sets

Select

Show a drop-down select box that will allow the user to choose from a list of options.

Label: This is what will be displayed to the form users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Default Value: Add default data that will populate in the field unless changed by the user before submitting
Allow Multiple Selections: Will display the radio buttons as buttons instead of circles
Read Only: Set a field to "read-only" (not requiring user input)
Required: Make a field required for submission
Enable Data Lookup: Enable Data Lookup
Enable Element Lookup: Enable Element Lookup
Show Conditionally: This option is used when you want the element to only be shown under a certain condition
Options:
- Enter My Own: Manually create your own options
  - Label: What will be displayed next to the checkboxes
  - Value: The value that will be submitted, use the default if you’re not sure what this is
- Use Predefined: Choose from a list of predefined option sets

Autocomplete

Autocomplete contains an option set; when a user starts typing in the input, the options are filtered down based on the typed value.

Label: This is what will be displayed to the form users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Default Value: Add default data that will populate in the field unless changed by the user before submitting
Placeholder Value: Enter placeholder text that will display in the form's field before being edited by the user
Read Only: Set a field to "read-only" (not requiring user input)
Required: Make a field required for submission
Enable Data Lookup: Enable Data Lookup
Enable Element Lookup: Enable Element Lookup
Show Conditionally: This option is used when you want the element to only be shown under a certain condition
Options:
- Enter My Own: Manually create your own options
  - Show Options Conditionally: Choose to filter options by element
  - Label: What will be displayed next to the checkboxes
  - Value: The value that will be submitted, use the default if you’re not sure what this is
- Use Predefined: Choose from a list of predefined option sets
- Search Via URL: Enter a Search URL

Date & Time

Date

Allow the user to select a date. On a mobile device, this will display the native date picker.

Label: This is what will be displayed to the form users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Date From/Date To: You can specify that the date entered into the element must be between a start and end date.
Default Value: Choose to set the default value to the date or time the form is viewed or enter a custom date
Placeholder Value: Enter placeholder text that will display in the form's field before edited by the user
Read Only: Set a field to "read-only" (not requiring user input)
Required: Make a field required for submission
Enable Data Lookup: Enable Data Lookup
Enable Element Lookup: Enable Element Lookup
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Date and Time

Allow the user to select both the date and time.

Label: This is what will be displayed to the form users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Date From/Date To: You can specify that the date/time entered into the element must be between a start and end date/time
Default Value: Choose to set the default value to the date or time the form is viewed or enter a custom date/time
Placeholder Value: Enter placeholder text that will display in the form's field before edited by the user
Read Only: Set a field to "read-only" (not requiring user input)
Required: Make a field required for submission
Enable Data Lookup: Enable Data Lookup
Enable Element Lookup: Enable Element Lookup
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Time

Allow the user to select a time. On a mobile device, this will display the native time picker.

Label: This is what will be displayed to the form users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Default Value: Choose to set the default value to the time the form is viewed or enter a custom time
Placeholder Value: Enter placeholder text that will display in the form's field before edited by the user
Read Only: Set a field to "read-only" (not requiring user input)
Required: Make a field required for submission
Enable Data Lookup: Enable Data Lookup
Enable Element Lookup: Enable Element Lookup
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Informational

Heading

This option allows you to add headings to your form.

Text: This is what will be displayed to users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Size: You may select multiple size options: Title (h1), Large (h2), Medium (h3), Small (h4), Normal (h5)
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Information

This can be used to add informative text to a form, for example, terms and conditions.

Label: This is what will be displayed to users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Content: Add content using the editor box
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Image

The Image element can be used to add images to the form.

Label: This is what will be displayed to users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Add Image: Drag an image or click to upload
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

The info page element allows you to place an existing info page inside on another form or info page. This can be extremely useful when you have a series of elements that repeat throughout multiple forms. You are able to link the same info page elements multiple times in the same form.

Info Page: Choose an existing info page from the drop-down list
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Advanced Elements

Camera

This will allow the user to take a photo using the native camera of their device, or allow you to upload a photo. The Camera element also allows users to annotate the image after it has been taken.

Label: This is what will be displayed to users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Read Only: Set a field to "read-only" (not requiring user input)
Required: Make a field required for submission
Include Timestamp Watermark: Choose to add a timestamp to the image
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Repeatable Set

Create a repeatable set of form elements, these can be added and removed with a + (plus) and bin button.

You are also able to have multiple nested repeatable sets. To represent when an element is inside a repeatable set, the element will be indented in the builder. In the form itself, the repeatable sets will be distinguished by alternating color.

Label: This is what will be displayed to users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Minimum/Maximum: Specify a minimum or maximum number of sets
Add Label: Label for adding a set
Remove Label: Label for removing a set
Read Only: Set a field to "read-only" (not requiring user input)
Required: The element will be required if a value has been entered in the Minimum field
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Signature

This element allows the user to sign the form using the touch screen or mouse of the device.

Label: This is what will be displayed to users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Read Only: Set a field to "read-only" (not requiring user input)
Required: Make a field required for submission
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Calculation

The Calculation element allows you to take the input and values of numbers, checkboxes, single select, and other calculation elements and create complicated calculations with them.

Label: This is what will be displayed to users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Calculation: This is where the calculation for the element will be done
Calculation Content: This is what will be displayed once the calculation has been completed
Pre-calculation Content: This is what will be displayed before the calculation is completed
Display as Currency: Select for any results to display as a price
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Location

The location element will display a map with the user’s current position. The user can zoom in and out, and move the pin to update their location if needed.

Label: This is what will be displayed to users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Read Only: Set a field to "read-only" (not requiring user input)
Required: Make a field required for submission
Enable Data Lookup: Enable Data Lookup
Enable Element Lookup: Enable Element Lookup
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Files

The Files element can be used to capture any external files into the form. Files are able to be restricted by type.

Label: This is what will be displayed to users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Minimum/Maximum: Specify a minimum and maximum number of files
Read Only: Set a field to "read-only" (not requiring user input)
Required: The element will be required if a value has been entered in the Minimum field
Restrict File Types: Choose to specify the types of files allowed
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Not a Robot

This is a CAPTCHA element to add an extra layer of security for your public-facing forms.

Label: This is what will be displayed to users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users

Form

The form element allows you to place an existing form inside on another form. This can be extremely useful when you have a series of elements that repeat throughout multiple forms. You are not able to link to the same form more than once in one form.

Label: This is what will be displayed to users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Summary

The Summary element can display the inputs of other elements elsewhere in the form.

Label: This is what will be displayed to users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Elements to Summarise: Choose elements from the list
Show Conditionally: This option is used when you want the element to only be shown under a certain condition

Checklist

The Checklist element is similar to the radio button element but includes a “Notes” (Text Multi-line) and “Media” (Files) input.

Label: This is what will be displayed to the form users
Name: This is what the element will be named when submitting data
- Note: This will not be visible to users
Hint: Add a hint to allow the label to have more instructions
Default Value: Add default data that will populate in the field unless changed by the user before submitting
Display as Buttons: Will display the radio buttons as buttons instead of circles
Read Only: Set a field to "read-only" (not requiring user input)
Required: Make a field required for submission
Enable Data Lookup: Enable Data Lookup
Enable Element Lookup: Enable Element Lookup
Show Conditionally: This option is used when you want the element to only be shown under a certain condition
Options:
- Enter My Own: Manually create your own options
  - Label: What will be displayed next to the checkboxes
  - Value: The value that will be submitted, use the default if you’re not sure what this is
- Use Predefined: Choose from a list of predefined option sets

Search

Form Element Types