Tabs

The element is used to separate information on the page.

Look&Feel Settings:

Name (mandatory) - name of the tabs.

Size (mandatory) - tab size.

Style type (mandatory) - tab style.

Tab postion (mandatory) - tab lauout.

Animation (mandatory) - tab switching animation.

Visible (mandatory) - makes the component visible if turned on. Enabled by default.

Tabs

In this section you can add, remove and edit tabs

Workflow triggers:

• onCreate – fires when the component is created on the page;

• onShow – fires when the component changes its state to visible (displayed on the page);

• onHide – fires when the component changes its state to hidden (stops being displayed);

• onDestroy – fires when the component is destroyed;

• onTabsSelect - fires when the tab is selected.

Component Actions:

Tabs get Properties

Gets tabs properties

Input parameters:

• Component Id [string] - tabs component's identifier.

Output parameters:

• Style [enum] - tabs size;

• Style type [enum] - tabs style;

• Tabs position [enum] - tabs layout;

• Animation [boolean] - animation state;

• Default Tab Key [integer] - default tab number;

• Active Tab Key [integer] - active tab number;

• Visible [boolean] - visibility state.

Tabs Set Properties

Sets all tabs properties

Input parameters:

• Component Id [string] - tabs component's identifier;

• Style [enum] - tabs size;

• Style type [enum] - tabs style;

• Tabs position [enum] - tabs layout;

• Animation [boolean] - animation state;

• Default Tab Key [integer] - default tab number;

• Active Tab Key [integer] - active tab number;

• Visible [boolean] - visibility state.

Tabs Update Properties

Update tabs properties

Input parameters:

• Component Id [string] - tabs component's identifier;

• Style [enum] - tabs size;

• Style type [enum] - tabs style;

• Tabs position [enum] - tabs layout;

• Animation [boolean] - animation state;

• Default Tab Key [integer] - default tab number;

• Active Tab Key [integer] - active tab number;

• Visible [boolean] - visibility state.

Usage example: