Summary

  • Overview
  • Adding Tabs
  • Adding Tab
  • Adding Elements to Tabs
  • Tabs
    • Border and Background
    • Align
    • Spacing
  • Tab
    • Edit Tab Name
    • Change Order of Tabs
    • Multi-Selection for elements in Tab
  • Tabs in Mobile Views

Tabs Overview

Use the Tabs to define multiple Groups of Elements placed in the same Tab Area. Each individual Tab consists of a Groups of Elements displayed for the selected Tab.

tabs.png

Adding Tabs To Pages

You can add the Tabs Element in the Desktop Application and the WordPress Plugin and Joomla Extension from the Top Bar's Add Elements list.

adding-tabs.png

Adding New Tab

You can add a New Tab to the Tabs Element by clicking the Add Plus in the sidebar or duplicating any existing one from the Context Toolbar option or Right-Click Menu.

adding-new-tab.png

Adding Elements to Tabs

Click the context round Plus icon or the Add Elements button in the Topbar to add Elements to a Tab.

adding-element-to-tabs.png

Each Tab can have a different set of added Elements.

elements-in-tabs.png

Tabs

Tab Border and Background

Stylize the Border for Tabs and Tab Row with properties in the Property Panel.

tab-top-border.png

You can also set the background for the Tabs and Tab Row.

tab-background.png

Tab Alignment

Specify the Tab Alignment in the Spacing section of the Property Panel for the Tab Element.

tab-align.png

Tab Spacing

Also, you can set spacing for all Tabs in the Spacing section in the Property Panel.

tab-spacing.png

Tab

Editing Tab Name

Double click the Tab Name to start its editing.

edit-tab-name.png

Changing Tab Order

You can reorder Tabs by dragging and pressing the Arrow icons in the Context Toolbar.

reorder-tabs.gif

Multi-Selection

Now you can make a multi-selection in the Tab Item with a mouse.

tab-multi-select.gif

## Summary - Overview - Adding Tabs - Adding Tab - Adding Elements to Tabs - Tabs - Border and Background - Align - Spacing - Tab - Edit Tab Name - Change Order of Tabs - Multi-Selection for elements in Tab - Tabs in Mobile Views ## Tabs Overview Use the Tabs to define multiple Groups of Elements placed in the same Tab Area. Each individual Tab consists of a Groups of Elements displayed for the selected Tab. !tabs.png! ## Adding Tabs To Pages You can add the Tabs Element in the Desktop Application and the WordPress Plugin and Joomla Extension from the Top Bar's Add Elements list. !adding-tabs.png! ## Adding New Tab You can add a New Tab to the Tabs Element by clicking the Add Plus in the sidebar or duplicating any existing one from the Context Toolbar option or Right-Click Menu. !adding-new-tab.png! ## Adding Elements to Tabs Click the context round Plus icon or the Add Elements button in the Topbar to add Elements to a Tab. !adding-element-to-tabs.png! Each Tab can have a different set of added Elements. !elements-in-tabs.png! ## Tabs ## Tab Border and Background Stylize the Border for Tabs and Tab Row with properties in the Property Panel. !tab-top-border.png! You can also set the background for the Tabs and Tab Row. !tab-background.png! ### Tab Alignment Specify the Tab Alignment in the Spacing section of the Property Panel for the Tab Element. !tab-align.png! ### Tab Spacing Also, you can set spacing for all Tabs in the Spacing section in the Property Panel. !tab-spacing.png! ## Tab ### Editing Tab Name Double click the Tab Name to start its editing. !edit-tab-name.png! ### Changing Tab Order You can reorder Tabs by dragging and pressing the Arrow icons in the Context Toolbar. !reorder-tabs.gif! ### Multi-Selection Now you can make a multi-selection in the Tab Item with a mouse. !tab-multi-select.gif! ##