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:

Last modified 3mo ago