Skip to main content

Control - Segment and Tabs

When there are more fields in the worksheet, it may be necessary to display the fields in segments or groups to make it easy for users to quickly locate and view the required information.

For example, in the Employee Management worksheet, you can display basic information, education experience, working experience, emergency contact, and so on in segments.

There are two controls that help users display fields in segments, Tabs and Segment.

  • Tabs:

  • Segment:

In fact, Segment and Tabs are a "layout container" of the fields, the difference is that when grouping one is arranged horizontally and the other is arranged vertically.

Segment​

The Segment control displays fields in sections and fields within a section can be collapsed.

1. Add the Segment control

2. Set the icon and color

Text: Set the color of the field title.

Color: Set the color of the icon.

3. Default state

  • Expand: When creating or opening a record, the fields are by default expanded.

  • Collapse: When creating or opening a record, the fields are by default collapsed.

  • Uncollapsed: The fields cannot be collapsed.

When you set it to be expanded or collapsed, it can also be expanded or collapsed on the configuration page.

Tabs​

The Tabs control can also display fields in groups, with multiple tabs arranged horizontally.

1. Add the Tabs control

The Tabs control can only be added below a field (that is not in a tab).

2. Add fields to the tab in bulk

You can move fields to a tab after selecting them in bulk, or you can drag and drop fields into a tab.

3. Set the field name and icon

4. When there are multiple tabs

On the editing page of a worksheet, multiple tabs can be displayed either tiled or collapsed. When creating or viewing records, they are always displayed collapsed (horizontally arranged).

Drag and drop the tab names to adjust the order (up and down when tiled, left and right when collapsed).

TIPS：

If there are fields that are not in the tabs, the tabs control will be displayed at the bottom, if you need tabs to be displayed at the top, you can create an "Ungrouped" tab and move those fields into it.

For "standalone" fields that are not in any tab, the tabs are displayed below them.

Create an "Ungrouped" tab and move the fields into it.

Unified style settings​

The icons of the Segment and Tabs controls can only be set to be displayed or not in the [Form Style] of the worksheet.

Have questions about this article？ Send us feedback