Types of fields

Building forms involves adding fields to a form and configuring their properties specific to your business needs. Fields are building blocks of a form that enable you to collect data from the user who is filling in the details.

There are various field types that collect this user data in different types of formats:

Basic Fields

1. Textbox

The Textbox field allows the users to enter values in a string (text, numbers or special characters) format.

For example, the textbox can be used to record somebody's name, address and suchlike fields.

Check out the default, individual and master field settings for the textbox field.

2. Number

The Number field allows users to enter numeric values only.

For example, the number field can be used for age, amount and suchlike fields, or fields that require calculation.

Check out the default and master field settings for the number field.

3. Select

The Select field allows users to choose a single item from a list of options.

Select fields are used when you want the user to select one option from a pre-defined list of options.

For example, the select field titled "Country" has pre-defined options "India, USA, Germany, Canada, Amsterdam" and the user just selects "India" as the field answer and submits the form.

Check out the default, individual and master field settings for the select field.

4. Multiselect

The Multiselect field allows users to choose multiple items from a list of options.

Multiselect fields are used when you want the user to select multiple options from a pre-defined list of options.

For example, the multi select field titled "Country" has pre-defined options "India, USA, Germany, Canada, Amsterdam" and the user selects "India" and "USA" as the field answer and submits the form.

Check out the default, individual and master field settings for the multi select field.

5. Email

The Email field allows users to enter a valid email address. It validates the email address by checking if it includes an @ and . as characters.

Check out the default and master field settings for the email field.

6. Phone

The Phone field allows users to enter a valid phone number. The accepted field value is country-specific. For example, Indian phone numbers have 10 digits. So, if the Indian flag is chosen (as shown below) then the set validation for the phone field is 10 digits by default.

Check out the default and master field settings for the phone field.

7. Radio

The Radio field allows users to select a single item from pre-defined options. It is similar to the "Select" field with a different layout.

Check out the default and individual field settings for the radio field.

8. Date

The Date field allows the user to enter/select the date in a specified format.

Check out the default and individual field settings for the date field.

9. Location

The Location field helps to record the current location of the submitter of the form.

This can be manually picked by the user (if chosen in field settings) or auto-picked by the system.

Check out the default and individual field settings for the location field.

10. Geo-Fence

The Geo-Fence field is a special type of location field where the form creator wants to set the perimeter around a selected location.

The perimeter details are recorded as the Geo-Fence field value. To fill the value in the field, the user drops the pin at the desired location and defines the perimeter as a circle/polygon/line.

This field is crucial to validate the form submitter's location which means that the form creator wants to make sure that the form submitter's current location should fall within the perimeter as defined in the Geo-Fence field value.

Check out the default and individual field settings for the Geo-Fence field.

10. Section

The Section field groups together fields and acts like a sub-form within a form. This is generally used when you want to group similar or related information.

For instance, if we want to create the Address field, we can group all the details (Street name, City, Zip code) into one section.

Check out the default and individual field settings for the section field.

11. Label

The Label field is used to display text on the form.

As the name suggests, the label field serves as a label for the required part of the form.

Check out the default field settings for the label field.

12. Rating

The Rating field allows users to provide feedback to your form as a star rating.

Check out the default and individual field settings for the rating field.

13. Slider

The Slider field allows users to drag a handle to select a number from a defined range of numbers (1 to 10).

For example, the slider field can be used to ask rating from the user about a certain aspect.

Check out the default and individual field settings for the slider field.

14. Rich text field

The rich text field displays a text area with various editing and formatting options. The user can enter, edit and format text with unlimited characters.

Check out the default field settings for the rich text field.

Multimedia Fields

1. Image

The Image field allows users to upload image files of sizes up to 10 MB. Acceptable formats are JPG, JPEG, BMP, SVG, GIF, PNG and TIFF.

The image files can be uploaded from the device, dragged and dropped, or copied and pasted in the form.

Check out the default and individual settings for the image field.

2. Video

The Video field allows users to upload video files of sizes up to 26 MB. Acceptable formats are WEBM, MP4, MPG, OGG, MOV, AVI, FLV, M2V, and M4V.

The video files can be uploaded from the device, dragged and dropped, or copied and pasted in the form.

Check out the default and individual field settings for the video field.

3. Document

The Document field allows users to upload document files of sizes up to 105 MB.

Check out the default and individual field settings for the document field.

4. Canvas

The Canvas field allows the user to write in the field with the help of a mouse. If the user's device is a touch screen, then they can write with the help of a stylus or finger by dragging it along the screen and positioning it accordingly.

For example, the canvas field can be used for taking electronic signatures from the user.

Check out the default field settings for the canvas field.

5. Audio

The Audio field allows users to upload audio files of sizes up to 26 MB. Acceptable formats are MP3, MP4, and WAV.

Check out the default and individual field settings for the audio field.

Advanced Fields

1. Status

The Status field is used when a form is attached to a workflow to track its progress (determine the current stage of the workflow).

The Status field will appear like a simple dropdown on the form if it is not attached to a workflow.

Check out the default field settings for the status field.

2. Priority

The Priority field indicates the importance of a process.

It is a select field with a pre-defined title Priority with a specific use case. The user can create desired options for the field, for example, it can be High, Medium, Low.

Check out the default field settings for the priority field.

3. QR Code

The QR Code field allows the users to scan and read a QR code through the mobile application.

Check out the default and master field settings for the QR Code field.

4. Bar Code

The Bar Code field allows the users to scan and read a bar code through the mobile application.

Check out the default and master field settings for the Bar Code field.

Group member fields

1. @Select

The @Select field is used to tag a single user in the form.

This is a select field where options will be the members of the group in which this form exists.

Check out the default field settings for the @Select field.

2. @Multiselect

The @Multiselect is used to tag multiple users in the form.

This is a multi-select field where options will be the members of the group in which this form exists.

Check out the default field settings for the @Multiselect field.

Last updated