The form builder allows user(s) to choose from many field types when customizing a form. Various fields and components are grouped under multiple headings.

Basic Components

Text Field

A Text Field can be used for short and general text input. There are options to define input masks and validations, allowing user(s) to restrict information into desired formats.

Graphical user interface, text, application, email

Description automatically generated


Text Area

A Text Area has the same options as the Text Field form component. The difference is that it allows a multi-line input field for longer text.

Rows: Allows control over how many rows are visible in the Text Area.

Graphical user interface

Description automatically generated


Number

  1. Number fields can be used whenever a field should be limited to a type of number value. There are options to set Thousands Separator, Decimal Places and Require Decimals.

  2. Use Thousands Separator: Check this setting if you would like the value in this component to separate thousands by local delimiter (such as commas in the US).

  3. Decimal Places: The maximum number of decimal places for the values in this field.

  4. Require Decimals: Always show decimals for this field, even if trailing zeros.

    Graphical user interface, application, Teams

Description automatically generated


Checkbox

A Checkbox can be used when the only necessary options are yes/no or true/false.

Graphical user interface, application

Description automatically generated


Select Boxes

  1. The Select Boxes allow you to check multiple values from a list of options.

  2. Values: These are the values that will be selected in this field. The Value column is what will be stored in the database and the Label is what is shown to the users.

  3. Inline Layout: If checked, this field will lay out the checkboxes horizontally instead of vertically.

    Graphical user interface, application

Description automatically generated


Select

  1. The Select option displays a list of values in a dropdown. User(s) can select one of the values.

  2. Data Source Type: Select the type of data the options will be pulled from. The most used option is Values.

  3. Values: These are the values that will be selected on this field. You will need to populate Data Source Values. The Value column is what will be stored in the database and the Label is what is shown to the users.

    Graphical user interface, application, Teams

Description automatically generated


Radio

  1. The Radio button’s view allows the user(s) to check only one value from a list of options.

  2. Values: These are the values that will be selected in this field. The Value column is what will be stored in the database and the Label is what is shown to the users.

  3. Inline Layout: If checked, this field will lay out the radio buttons horizontally instead of vertically.

    Graphical user interface, application

Description automatically generated


Button

  1. Buttons can be added to perform various actions within the form.

  2. Submit: A submit action submits/saves the form.

  3. Reset: Reset the form fields back to their original values.

  4. Theme: Set a theme (colour) for the button.

  5. Size: Set the size of the button.

  6. Disable on Form Invalid: If checked, this button will be disabled if any of the client-side validations fail. This is useful for preventing the submission of a form that has invalid data entered.

    Graphical user interface, application

Description automatically generated


Checkbox Mulitple with URL

The Checkbox Multiple with URL allows the fetching of data from a URL with the ability to have check multiple boxes.

Graphical user interface, application

Description automatically generated

Skills and Requirements (System Default)


The Skills and Requirements component fetches all skills and requirements options created in the system. This component can be used to capture data but skills and requirement options cannot be modified.

Graphical user interface, application

Description automatically generated

Address 2

The Address 2 component provides a layout of Country, State, City and Zipcode fields that can be used to enter data in a form.

Graphical user interface

Description automatically generated

Did this answer your question?