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 updated