Mashup Builder > Widgets > Tabs Widget
  
Tabs Widget
The Tabs widget is a special type of container. Each tab within the widget has its own content. Only one tab can be visible at a time, although all tabs load their content for quick switching between tabs.
You can change the selected tab by using another mashup environment event to change the SelectedTabValue or Name property.
Properties
For information about common widget properties, see Widgets. Properties that are specific to the Tabs widget are described in the table below.
Property Name
Description
Base Type
Default Value
Bindable? (Y/N)
Localizable? (Y/N)
CustomClass
User defined CSS class to apply to the top div of the widget. Multiple classes can be entered, separated by a space.
STRING
n/a
Y
N
NumberOfTabs
Number of tabs to show
NUMBER
1
N
N
DefaultTabAtRuntime
The tab to show at runtime when the mashup is loaded
NUMBER
1
N
N
SelectedTabValue
The value of the selected tab
STRING
true
N
N
SelectedTabName
The name of the selected tab
STRING
true
N
N
TabHeight
Height of the tabs in the widget
NUMBER
27
N
N
MaxTabWidth
The maximum tab width (in pixels) before truncation. The full text will display in the tooltip.
NUMBER
27
N
N
TabSpacing
Spacing between tabs in the widget
NUMBER
2
N
N
RoundedCorners
Displays the tab with rounded or sharp corners
BOOLEAN
true
N
N
Tab1Name
The label for the tab. This is the tab name displayed on the Mashup and the value for SelectedTabName when a user tab change event is fired.
STRING
Tab1Name
N
Y
Tab1Value
The value of the tab. This is the value for SelectedTabValue when a user tab change event is fired.
STRING
Tab1Value
N
N
Tab1Image
The image displayed for the tab. The image is chosen from MediaEntities.
IMAGE
n/a
N
N
Tab1Visible
Determines if the tab is visible or hidden.
BOOLEAN
true
Y
N
Tab1Disabled
Determines if the tab is disabled or enabled.
BOOLEAN
false
Y
N
Services
SelectDefaultTab
Use an event to return the Tab control to the Default tab.
ResetInputsToDefaultValue
Use an event to reset all input widgets in the Tab control to their default value.


Events
TabSelected

Fires when a tab is first selected. This event fires when the page loads for the first time and the default tab is selected in addition to when a user changes tabs.