2.2 Form Components

Form components are used as building blocks to create forms. A form component collects user data and serves as the display or user interface within the system. Form components help you to define the type of widget that is required to enter data and automatically adds a property to the resource endpoint to interact with the form component. Each component includes functionality that enables you to design form fields according to your requirements.

Form Builder provides a wide range of components for creating forms. You can use these components to create a variety of forms, ranging from simple survey forms with basic form fields to complex resource management forms with dynamic form fields, where scripts can be executed for validation checks, and actions can be triggered when a form is submitted.

Form components are grouped into the following five broad categories:

  • Basic: Includes a set of common components that can be used to design simple widgets in a form.

  • Advanced: Includes a set of components that can be used to design widgets with advanced fields in a form.

  • Custom: Includes a set of components that allows you to design labels and titles in a form.

  • Layout: Includes a set of components that can be used to change the general layout of a form.

  • Data: Includes a set of components that allows you to customize the data layout in a form.

2.2.1 Basic Components

When you select Basic, the Form Builder displays the following components:

2.2.2 Advanced

When you select Advanced, the Form Builder displays the following components:

2.2.3 Custom

When you select Custom, the Form Builder displays the following components:

2.2.4 Layout

When you select Layout, the Form Builder displays the following components:

  • HTML Element

    NOTE:While creating a form with an HTML Element Component, if you write any JSON script in the Content section, the Preview section shows you the converted data. In the Form Builder view, however, the JSON data is displayed instead of the converted data. This issue does not impact the functionality of how Form Builder works.

  • Content

  • Columns

  • Field Set

  • Panel

  • Table

  • Tabs

  • Well

2.2.5 Data

When you select Data, the Form Builder displays the following components: