Nation

5.4. Tabs element

Last updated: Fri Dec 28 2018

Tabs is a complex element which consists of inner tab item and its structure is similar to container some content elements hierarchy. You can create as many inner tab within element as you wish and then place any type of content within.

General

Accordions effect: Type of tab effect from list

Class: Adding a custom class allows you to target the tab easily within your custom codes.

Individual Tab item

Tab item is an instance of Tabs element and controls one specific item. It is similar to principe tab contents.

General

Title: The title of tab item, you can leave it empty.

Icon: Add an icon for tab item from icon library.

Class: Adding a custom class allows you to target the tab item easily within your custom codes.

Individual Tab content

Allows you to control the element of tab item. Choose one or more elements.


How to use tab element

Step 1: Create a new content, page, block or edit an existing one.

Step 2: Select DrupalExp Builder from list of Text format for Drupal editor.

Step 3: Click + button from Column element, then select Tabs element.

Step 4: Setting attributes for tabs from list options above.

Step 5: Click + button from Tabs element, then select Tab Item element.

Step 6: Setting attributes for tab item from list options above.

Step 7: Click + button from Tab item element, then select element content you want to add for this tab element.

Step 8: Add content and setting attributes for content element.

Step 9: Once finished, click Save.