Mashup Builder > Widgets > Standard Widgets > Tabs Widget (Themable)
Tabs Widget (Themable)
The Tab widget enables you to add multiple tabs to a mashup and allows a mashup user to switch their view between the tabs.
* 
The Tabs widget is available as a standard widget in the platform and as a web component that can be imported from an SDK.
The properties of the Tabs widget are listed below.
* 
All tab specific properties like Tab1Name, Tab1Value, Tab1Visible, and Tab1Disabled are available for each tab by default. For example, the Tab1Name property for the first tab appears as Tab2Name property for the second tab and as Tab3Name for the third tab.
Property Name
Description
Base Type
Default Value
Bindable? (Y/N)
Localizable? (Y/N)
SelectedTabValue
The value of the selected tab.
STRING
n/a
Y
N
Disabled
Use this property to disable the widget in the mashup. The widget is displayed in the mashup but you cannot click it.
BOOLEAN
False
Y
N
SelectedTabName
The name of the selected tab.
STRING
n/a
Y
N
CustomClass
Enables you to define the CSS to the top div of the widget. Multiple classes can be entered, separated by space.
STRING
n/a
Y
N
TabSequence
The sequence of the widgets in which they are highlighted when the user presses Tab key.
NUMBER
n/a
N
N
NumberOfTabs
Sets the total number of tabs.
The maximum number of tabs that you can set is 16 and the minimum is 1 tab.
NUMBER
2
N
N
DefaultTabNumber
Enables you to select the tab that you want to show at run time when the mashup is loaded initially. For all subsequent mashup loadings, the tab that the user selected last at run time is shown.
NUMBER
n/a
Y
N
TabNameHeight
Enables you to set the height of the tab name area. To hide the tab name area, set this property to 0.
NUMBER
34px
Y
N
Tab1Name
The name of the first tab.
STRING
Tab Name 1
Y
Y
Tab1Value
The value of the first tab.
STRING
Tab Value 1
Y
N
Tab1Visible
Sets the first tab to visible.
BOOLEAN
True
Y
N
Tab1Disabled
Use this property to disable the first tab in the mashup. The tab is displayed in the mashup but you cannot click it.
BOOLEAN
False
Y
N
Tab2Name
The name of the second tab.
STRING
Tab Name 2
Y
Y
Tab2Value
The value of the second tab.
STRING
Tab Value 2
Y
N
Tab2Visible
Sets the second tab to visible.
BOOLEAN
True
Y
N
Tab2Disabled
Use this property to disable the second tab in the mashup. The tab is displayed in the mashup but you cannot click it.
BOOLEAN
False
Y
N
SelectDefaultTab
A bindable service to reselect the default tab that is configured for this widget.
n/a
n/a
Y
N
ResetInputsToDefaultValue
Resets all of the contained widgets to their default values.
n/a
n/a
Y
N
TabNameMaxWidth
Sets a maximum width for the tab names. The excess characters are truncated in the tab name.
NUMBER
n/a
Y
N
SwitchTabOnFocus
Switches to the focused tab automatically when using the arrow keys to change the focus.
* 
This property is available for ThingWorx versions 9.3.0 and later.
BOOLEAN
False
Y
N
An overflow pattern is added in the Tabs for ThingWorx 9.3.0 and later versions. When there is an overflow of Tabs, these are displayed in the overflow list that appears when you click on the overflow control icon. Earlier, there were navigation arrow buttons that allowed you to navigate to the left or right in the Tabs. This has been modified to an overflow control icon for ThingWorx 9.3.0 and later versions.
Was this helpful?