Tabs

This topic describes the options and limitations available when using a Tabs component.

Note: This topic deals with the Tabs component itself. For information about the options and limitations of individual tabs, see Tab subcomponent.

Content settings

Tabs
The Tabs component itself can be thought of primarily as a container for other components. As a component, it has few Content settings of its own, relying on the individual tabs and subcomponents to adhere to their own Content settings.

This group of settings specifies a set of tabs to be included within the Tabs component. For each tab, you can define what text displays, what the source of data is, and you can change the order of the tabs within the component display.

By default, the Tabs component is created with four tabs. You can delete unwanted tabs or add more tabs (Add Tab).

When you click the ellipsis (•••) button for an tab and then select Properties, App Builder launches the Edit Tab dialog box. Use this dialog box to specify the Name (label) that displays on the tab itself (and in the Contents list of tabs). Optionally, if you have a data service associated with the Tabs component, you can specify a source for the name from one of its options/properties.

To change the order of tabs, click and drag the vertical ellipsis for the option you want to move to the desired place in the set of options.

Interactions

Trigger Event
The Tabs component can trigger only the On Load event. This event might display as:
  • Data Service has run (On Load), where Data Service is the name of a data service assigned to the component
  • On Load (No Data Service), where no data service has been assigned to the component
Target Action
Depending on the target, the Tabs component can perform a Get operation, a Run operation, or a Clear operation on the target component.

Style settings

The Tabs component itself has only one Style setting. Each individual tab, however, has its own Style setting options.

Note: The Tabs component does have the usual Margin and Visibility options. Individual tab panels, however, do not, as a rule.
Orientation
This setting has these options:
  • Horizontal (default)

    When this option is selected, the individual tabs display horizontally, along the top of the Tabs component.

  • Vertical

    When this option is selected, the individual tabs display stacked vertically along the left side of the Tabs component.

Related topics