Tabbed Panel
Tabbed Panel lets the user switch between a group of components by clicking on a tab with a given title. |  |
Public Variables (Properties)
[?]
Common variables and variable groups: Name, Advanced Properties, Container Properties, Styles, Preloader, Events, Bindings.
Tab Position
Defines tabs position in the tabbed panel. This property has several values:
Top
Bottom
Left
Right
Variable Name: | tabPosition |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
tabPosition | String | Tab Position |
Tab Type
Defines visual representation of tabs. This property has two values:
Line
Card
Variable Name: | tabType |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
tabType | String | Tab Type |
Active Tab
The name of the tab which will be opened by default when the dashboard is loaded.
Variable Name: | activeTab |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
activeTab | String | Active Tab |
Buttons
This property allows to add configurable buttons to the tabbed panel. The buttons will be located next to tab headers.
Variable Name: | externalButtons |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
id | String | ID. Unique button ID. |
description | String | Description. Text displayed on a button |
image | Data Block | Image. Button image. |
Style | String | Style. CSS style to be applied to the button. |
Hide Tabs Bar
If enabled, hides tabs panel.
Variable Name: | hideBar |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
hideBar | Boolean | Hide Tabs Bar |
Extra Block Style
CSS Style to be applied to the extra block on the tabbed panel.
Variable Name: | defaultContext |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
context | String | Extra Block Style |
Routable
If enabled, allows routing between tabs. See URLs and routing for more information.
Variable Name: | routable |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
routable | String | Routable |
Public Events
[?]
Button Clicked
This event is fired when a user clicks on a button defined in Buttons table.
Event Name | buttonClicked |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
id | String | ID. Unique ID of clicked button. |
Tab Panel Clicked
This event is fires once a new tab is selected.
Event Name | tabPanelClicked |
Records: | 1 |
Record Format:
Field Name | Field Type | Notes |
id | String | ID. Unique ID of the selected tab. |
Was this page helpful?