Look and Feel Settings:
Name(mandatory) - name of the tabs.
Size(mandatory) - tab size.
Style type(mandatory) - tab style.
T ab 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:
