Form Components & Supported fields

Components

A form structure is divided into 2 segments:

  1. Form components: These components generally are used to enhance the visual appeal of the entire form & share additional information.
  2. Field components: These components capture inputs/information from the user in the defined format such as Date, Input text etc.

Field & Form components

  1. Header: It allows user to add information on the form.

  2. Info-header: The user can add information on the form for the end-user. It allows users to add info-header title, a URL & help-text.

  3. Divider: The user can add a divider/horizontal line on the form. This allows user to slit form into sections.

  4. Hyper-link: The user can add a information component within the form.

  5. Text: This is an input component, which allows user to add details/input as a string.

  6. Numeric: This is an input component, which allows user to add details/input as Numeric.

  7. Password: This is an input component, which allows user to add details/input that is hidden and it considered as a password.

  8. Phone Number: This is an input component, which allows user to add input as phone number.

  9. Date: This is an input component, which allows user to add input as Date. The supported formats are: Only date, Date & time, Only date, Only Month & Year, Only Year.

  10. Date comparison: This component gets auto-populated. It adds a calculation (subtraction/addition) of 2 dates. This field reflects once the input for 2 dates are added by the user.

  11. Dropdown: This component renders options in the dropdown. The user can define value & label for each option. This selection can be single or multiple, and is controlled via a configuration.

  12. Master Table: This component renders options from a table/list which can be created separately. This separately maintained table/list is called the 'Master Table'. The selection in this dropdown can be configured as single or multiple select.

  13. Dynamic Dropdown: API end-point can be configured to render dropdown options dynamically by calling this API.

  14. User component: This is a pre-defined dropdown, which renders the option/s as bot users. The render options can be rendered as either Full Name, Full Name (Email) or Full Name (E-code).

  15. Radio: The options render as radio selection. The end-user can only select a single option. The options can be configured as Label & Value. Only Labels are shown to the end-user.

  16. Field Array: This is a table component, which holds multiple fields. For example, Education Details. The table component/Field Array renders on the form for the end-user with option to add more list/array items.

  17. Declaration: Admin can add a declaration component, which can capture Yes/No or True/False input from the end-user.

  18. Attachment: This component allows end-user to upload attachments on the form. The admin can control what can be the maximum number of files, size of files and type of files which can be permitted.