The tab control is used to display a set of controls grouped in different tabs, in an analogous way to Tab control for Web Panels.
| Name |
Value |
Description |
| Item Control Name |
String |
Control name of each tab page.
|
| Control Name |
String
|
Name of tab control. |
| Control Info |
| |
Auto Grow |
True |
Adjusts the size of a control whose content exceeds the size of the container. |
False (default)
|
| TabControl Appearance |
| |
Tab Control Class |
Theme Class
|
Theme class associated with the Tab Control. |
| Tab Control Visible |
True (default) |
Hides or shows the Tab Control. |
False
|
| Invisible Mode |
Keep Space (default) |
Specifies whether the control keeps or collapses the space when it is not visible. |
Collapse Space
|
| Enable |
True (default) |
Determines whether the control is enabled. |
False
|
| Tabs Behavior |
| |
Tabs Distribution |
|
|
| Interactive Navigation |
Platform Default (default) |
Enables the option to move between tabs by tapping (false) or scrolling smoothly (true).
According to the standards, Platform Default means true for Android and false for iOS. |
| True |
False
|
More Button Selected image
|
Image |
Image to show when the "more" button is selected. |
More Button Unselected image
|
Image |
Image to show when the "more" button is unselected. |
| TabPage Appearance |
| |
Selected Tab Page Class
|
Theme Class
|
Theme class associated with the Tab Page when selected. |
| Unselected Tab Page Class |
Theme Class
|
Theme class associated with the Tab Page when unselected. |
| Caption |
String
|
Text to display on the tab. See also HowTo: Format plain text programmatically. |
| Tab Page Visible |
True (default) |
Makes the tab page visible. It can be changed at runtime. |
False
|
| Tab Page Enabled |
True (default) |
Determines whether the tab page is enabled.
|
False
|
| Image |
Image
|
Image associated with the Tab Page when selected. |
| Unselected Image |
Image
|
Image associated with the Tab Page when unselected. |
| Image Position |
|
|
| Name |
Value |
Description |
| ActivePage |
Numeric |
Active page index (first tab index is 1) |
Triggered when selecting any new tab page.
Refer to HowTo: Using Tab Control in Panels.
Tab Page Control for Native Mobile Applications
Android Material Design Guidelines for Tabs
iOS Human Interface Guidelines for Tabs