Tab control for Panels

Official Content
This documentation is valid for:

The tab control is used to display a set of controls grouped in different tabs, in an analogous way to Tab control for web

Properties

Design time

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: Formatting 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    

 

Runtime

Name Value Description
ActivePage   Numeric   Active page index (first tab index is 1) 

Events

    ActivePageChanged    
          
Triggered when selecting any new tab page.

How to use

Refer to HowTo: Using Tab Control in Panels.

See also

Tab Page Control for Native Mobile Applications
Android Material Design Guidelines for Tabs
iOS Human Interface Guidelines for Tabs