Tabs

Look and Feel Settings:

Name (mandatory) - name of the tabs.

Size (mandatory) - tab size.

Style type (mandatory) - tab style.

Tab position (mandatory) - tab layout.

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: