Tab control for web

Official Content
This documentation is valid for:

The tab control is used to display a set of controls grouped in different tabs. It is supported in Abstract layouts.
Each tab has an implicit table inside that may be either a Responsive Table or a common Table control containing the controls in such tab page.


Properties

 Control Name 

 Defines the name of the Tab control. 

 Item Control Name 

 Defines the name of each Tab page. 

"TabControl Appearance" group

 Tab Control Class

 Sets the Theme class associated with the Tab control. 

 Tab Control Visible 

 Hides or shows the Tab control.

"Tabs Behavior" group

 History Management

 View History Management property documentation. 

"TabPage Appearance" group

 Caption  

 Text to be shown on the tab strip. 

 

Runtime (only) Properties

 ActivePage

 Active page index (first tab index is 1).

 It's a property used to ask whether a page is active or not. 

 ActivePageControlName 

 Active page control name.


Methods

 SelectTab(index) 

 Sets, as active, the tab page indicated as parameter. 

 HideTab(index)

 Hides the tab page indicated as a parameter.

 ShowTab(index)

 Shows the tab page indicated as a parameter.


Events

 TabChanged 

 Triggers an event upon selecting any tab page. 


How to use the control

Drag the control from the toolbox to the abstract layout, as shown in the figure below:

Tab Control for web abstract layout


How to configure the Tab Control style 

Only for GeneXus 15, see : How to configure the Tab Control style on the WEB

Note

The Tab control is used in the Work with Pattern for web when it has been generated using the Abstract layout. It is used specifically in View Objects, as shown below:

Tab Control for web used in WW pattern