Tabs
Last updated
Was this helpful?
Last updated
Was this helpful?
Tabs are Blocks that allow you to separate and view related items together. Tabs can be added or removed to the tab Block if needed. They are useful for creating sections that the user can switch between or grouping related groups into one area of the page.
To add a new Tab, select the whole tab Block or an individual Tab and click on the plus symbol in the top-right hand Block toolbar.
To delete a Tab, select the whole Tab Block or an individual Tab and click on the bin symbol in the top-right hand Block toolbar.
You can navigate between the Tabs within the canvas itself. Click on each Tab to open the contents within that particular Tab.
Tabs can be reordered by clicking and dragging them to change the order. When a Tab is highlighted, hold the move icon and drag the Tab to another location within the Block.
Tabs have properties that are common to most Blocks: visibility and tooltip.
The selected index determines which tab is open by default. The index starts from 0, which means that an index of 0 refers to the first Tab, an index of 1 refers to the second Tab, and so on.
The disabled property is common to most Blocks;
When enabled, a hidden icon appears to the left of the tab icon and name on the Canvas. The user will see the selected tab's content at runtime, but they cannot see the tabs or click on another tab.
Tabs have properties that are common to most Blocks: filter, sort, show # of results, and skip # of results;
Each Tab has a heading that labels that particular tab section. An icon can also be added for visual purposes.
The navigation between tabs is controlled by the property, e.g. by an expression.