Skip to content

Form Components

Form components are fundamental building blocks used to construct and customize forms. They enable users to easily create and edit forms by providing various input fields and interactive elements.

Available Form Components

Icon Element Description
Text Used to retrieve a single line of text input from the user.
Password Used for users to enter sensitive password information.
Multiline text Similar to the Text component, but intended for longer text inputs.
Number Used to retrieve integer values from the user.
Decimal Used to retrieve decimal number values from the user.
Checkbox Presents a binary choice between true and false.
Date Allows the user to select a date from a calendar interface.
Dropdown Allows the user to select one of several predefined options from a dropdown list.
Radio buttons Provides a choice between two or more mutually exclusive options.
People Used to add or select people within the form.

Editing Form Components

When a component is added to a form, it appears in the design section. To modify its properties:

  1. Press the edit button located on the right of the component.

General Edit Fields

Element Description
Label The visible name of the form element.
Override id If unchecked, the label name becomes the element's ID. If checked, a custom ID can be assigned.
Required Specifies whether the element is a mandatory field.
Read-only Renders the element content as read-only, preventing user modification.
Placeholder Descriptive or example text displayed inside a form field when it is empty.

Advanced Edit Fields

Element Description
Minimum length The minimum number of characters allowed in the element's content.
Maximum length The maximum number of characters allowed in the element's content.
Regex Standard Allows specifying validation rules using regular expressions.
Input mask Defines the format and characters allowed for the data to be entered.

Note: The Required and Read-only options are mutually exclusive and should not be enabled simultaneously. Doing so will prevent users from completing the form.

Warning: When using the Input mask field, do not simultaneously define Minimum length or Maximum length. If mutually exclusive rules are defined (e.g., an Input mask of 10 characters with a Maximum length of 5), the form cannot be completed.