Content

A Content component may be added to a form to provide non-field information. For example, if the user(s) need instructions at the top of a form that are for display only, use the Content component.

Graphical user interface, text, application

Description automatically generated

Columns

  1. This component can be used for grouping other components, like Text Field, Text Area, Checkbox etc., into configurable columns. It might be useful if you want to display more than one component in one line.

  2. Column Properties: Here you can configure several columns that will be displayed in a form and specify the size, width, offset, push and pull settings for each column. When configured, you can easily rearrange the columns using the drag & drop feature without a need to make everything from scratch.

  3. Auto-Adjust Columns: If all the nested components inside one of the columns are hidden, all the other columns positions will be adjusted.

Graphical user interface

Description automatically generated

Panel

  1. A Panel is used to wrap groups of fields with a title and styling.

  2. Title: A Panel Title that will be displayed at the top of the Panel.

  3. Theme: The theming of the Panel. Select one of the options to change the colour of the layout.

  4. Collapsible: Turn the Panel into a collapsible Panel. It might be useful if you want to improve the usability of the form that has a big number of components, allowing users to hide the fields they don't want to see while they are filling one or another section of the form.

Graphical user interface, application

Description automatically generated



Tabs

  1. The Tabs component allows the creation of tabs for grouping different sets of components. To switch between tabs, there is a navigation bar with tab buttons, each of which opens an appropriate tab with a set group of components.

  2. Tabs: A data grid that allows adding, configuring, reordering and removing tabs.

  3. Vertical Layout: Makes the navigation bar display in vertical orientation instead of horizontal, configured by default.

Graphical user interface, application

Description automatically generated

Did this answer your question?