TabPane

Use a TabPane widget to organize multiple tabs. Each tab hold a collection of widgets on a form. A user views one tab at a time.

To learn how to use this widget programmatically, refer Quantum Visualizer Widget guide.

Important Considerations

The following are important considerations for a TabPane widget:

Look Properties

Look properties define the appearance of the widget. The following are the major properties you can set:

For descriptions of the properties available on the Look tab of the Properties pane, see Look.

Skin Properties

Skin properties define a skin for the widget, including background color, borders, and shadows. If the widget includes text, you can also specify the text font.

For a TabPane widget, you can apply a skin and its associated properties for the following states

Skin Definition
Active The skin applied when a TabPane is active.
Active Focus The skin applied when a TabPane is active and has the focus.
Inactive

The skin applied to inactive tabs.

Page The skin for the page indicator. The skin is applicable only when View Type is set to Page and images are specified for Focused Page and Unfocused Page icons.

For more information about applying skins, see Understanding Skins and Themes.

TabPane Properties

TabPane properties specify properties that are available on any platform supported by Quantum Visualizer, and assign platform-specific properties.

Active Tabs

Specifies whether tabs in the TabPane are active or inactive.

Full Screen Widget

For a TabPane on a VBox form, specifies whether the TabPane occupies the entire form.

Note: Do not place more than one full-screen widget on a form.

Note: This property is available only when a TabPane is placed inside a VBox form.

View Type

Specifies the TabPane view type for each platform. To specify the view type, click the Edit button to open the View Type dialog box, select a platform, and then select a view type.

Following are the options:

Height

Specifies the height of the TabPane as a percentage of the Height Reference property.

Note: This property is available only when TabPane is placed inside a VBox Forms.

Height Reference

Specifies how the Height percentage is calculated.

Following are the options:

Progress Indicator

Specifies whether the progress indicator is displayed.

Note: This property is specific to the iOS platform.

Progress Indicator Color

Specifies the color of the progress indicator, either Grey or White.

Note: This property is specific to the iOS platform.

Tab Header Height

Specifies the height of the tab header.

Note: This property is specific to the Android platform.

Actions

Actions define what happens when an event occurs. On a Tab widget, you can run an action when the following events occur:

For more information, see Add Actions.

Placement inside a Widget

The following table summarizes where a TabPane widget can be placed:

Flex Form Yes.
VBox Form Yes, only 1
FlexContainer Yes
FlexScrollContainer Yes
HBox Yes, only 1
VBox Yes, only 1
ScrollBox Horizontal Orientation -No
Vertical Orientation- No
Tab No
Segment Horizontal Orientation -No
Vertical Orientation- No
Popup Yes, only 1
Template

 

Header- No
Footer- No

 

 

 

 

 

 

Rev Author Edits
8 SHS SHS
7.2.1 SHS SHS
Copyright © 2020 Temenos. All rights reserved.