Tab Group and Tab

550 views

This control corresponds to the outer frame of the [Tab] control.

When you place a component, the following code is defined by default:

<mat-tab-group selectedIndex=”0″ data-comp-id=”tabs-group.1″ id=”tabs-group.1″></mat-tab-group>

It has the following properties:

Tab Groups

Properties

content

Data

Specifies the Tab control defined in the Magic program.
Click the gear button to display a list of items.
You can select the Tab control from here.

Alignment

Specifies how the text is aligned within the tabs.
You can choose from the following:

Default
Left …… Left justified
Right …… Right-justified
Center …… Center alignment
Justify …… Equal distribution

Active Tab

Specifies the tab that is displayed by default at startup.
“0” is the leftmost tab.
Before manipulating each tab, set this ActiveTab and then place containers and buttons.

Tab

Properties

content

Tab Label

mg.getTabpageText(mgc.XXXXXXXX, index number (number starting from 0)

Alignment

Specifies how the text is aligned within the tabs.
You can choose from the following:

Default
Left …… Left justified
Right …… Right-justified
Center …… Center alignment
Justify …… Equal distribution

To move a tab, set ActiveTab to a value between 0 and 4. 0 is the leftmost tab.

Please refer to the video below.