Skip to main content

Control - Section and Tabs

When a worksheet contains many fields, it is recommended to group them for display. This allows users to quickly locate and view the required information. For example, in an Employee Information worksheet, fields can be grouped by type, such as Basic Information, Educational Background, and Emergency Contacts, making it easier to manage employee records.

Two types of controls support grouped display: Tabs and Section

  • Tabs Field:

  • Section Field:

Tabs and Sections are both “layout containers” for fields. The main difference is that sections arrange fields vertically, while tabs arrange them horizontally.

Section Control​

Section controls allow fields to be displayed in paragraphs and support collapsing or hiding fields within each section.

1. Add a Section Control​

2. Set Icon and Color​

  • Text: Set the title text color of the section field.
  • Icon: Select an icon for the section.
  • Color: Set the color of the icon.

3. Default State​

  • Expand: The section is expanded by default when creating or viewing a record.
  • Collapse: The section is collapsed by default.
  • Non-collapsible: The section cannot be collapsed.

When “Expand/Collapse” is enabled, the section can be collapsed or expanded from the configuration page.

Sections divide a worksheet’s fields into multiple paragraphs, arranged vertically if there are multiple sections.

Style Settings​

In Form Style, you can set a uniform style for all section fields in the form.

Only the first style allows setting an icon. Other styles cannot set a section icon.

Tabs Control​

1. Add a Tabs Control​

Tabs fields can be displayed at the top, bottom, or left of the page.

2. Set Tab Name and Icon​

3. Add Fields to Tabs​

Select multiple fields and add them to a tab, or drag and drop fields into the tab.

4. Multiple Tabs​

In the worksheet configuration page, multiple tabs can be displayed either fully expanded or collapsed. When creating or viewing records, tabs are always displayed collapsed (horizontal arrangement).

Drag the tab name to adjust the order (vertical drag for expanded, horizontal drag for collapsed).

5. Tabs as Read-Only​

If a tabs field is set to read-only, all fields within the tab are read-only when editing a record.

Style Settings​

In Form Style, you can set a uniform style for all tabs fields in the worksheet.

1. Tabs Position​

Tabs can be positioned at the bottom, top, or left of the page.

  • Tabs at the bottom:

  • Tabs at the top:

    Default Tab Name: If there are fields not assigned to any tab when positioned at the top, they will be placed under a default tab. The default tab name and icon can be customized. Example: default tab named "Details".

  • Tabs on the left:

2. Hide Tab Icons​

Check Hide Tab Icon to hide icons in the form editor, as well as when creating or viewing records.

3. Hide When Only One Tab​

Check Hide When Only One Tab to hide the tab if only one exists, displaying only the fields.

Was this document helpful?