You are here:
TabSelector Control
Use TabSelector to define a list of tab selector buttons from the tab pages defined as areas in the tabbed view area section.
Required Editions
| Available in: Lightning Experience in Professional, Unlimited, and Enterprise Editions that have Consumer Goods Cloud enabled. |
The table lists the TabSelector element attributes.
| Attribute | Description | Value or Pattern | Required? |
|---|---|---|---|
| name | Identifier of the TabSelector element | tabArea | yes |
| disabled | Defines if the TabSelector element is enabled or disabled. | boolean | no |
| Height | Defines the height of the TabSelector element i | number | no |
The TabSelector element contains an Items object that contains Tab objects.
Bindings
The Bindings node consists of Binding elements that can be used in the TabSelector element.
| Attribute | Description | Type | Binding Source | Required |
|---|---|---|---|---|
| Text | The text to display in the button. | Label | Any label resource available in the project or an arbitrary string. | yes |
| Image | The image to display in the button. | Image | Any image resource available in the project. | yes |
Events
The TabSelector Events node consists of the event
elements that can be used in the TabSelector control
element. ItemSelectedEvent is triggered when an offline
mobile app user taps any item in the SelectionBox.
Tab
The Tab element contains the tabName attribute that defines the unique name of the tab.
The Tab element can contain these sub-elements:
-
Bindings -
VisibilityRoles -
EditabilityRoles
The Bindings element consists of the Resource and Binding
elements. This table lists the targets that are supported for the Resource and Binding elements in the Tab element.
| Target | Description | Type | Content | Required |
|---|---|---|---|---|
| Image | Refers to the icon of a tab in the tabSelector list. | Image | Any image | Yes |
| Text | Name of a tab in the tabSelector list. | Label | Any string | Yes |
Sample Code
<Tab tabName="Revenue" backendSystem="both">
<Bindings>
<Resource target="image" type="Image" id="DollarGrey24" defaultImage="DollarGrey24" bindingMode="ONE_TIME" />
<Resource target="text" type="Label" id="SalesId" defaultLabel="Sales" bindingMode="ONE_TIME" />
</Bindings>
</Tab>