Documentation

Tabs

Horizontal Tabs

Tabs are perfect for displaying a bunch of organized information in a small area, it uses multiple panels. They can be used for switching between items in the container. You can use any HTML code inside the tabs also insert images, whatever you need to get your information to your viewer. Add your heading and your content for each tab easily with following shortcodes.

Syntax [tab id="tab" class="tab"]
[tab_item title='Title']Content[/tab_item]
[/tab]
Example [tab id="tab" class="tab"]
[tab_item title='Title1']Content1[/tab_item]
[tab_item title='Title2']Content2[/tab_item]
[tab_item title='Title3']Contnet3[/tab_item]
[/tab]
Attributes  id, button, class, title

 

Attributes

 Attribute NameDefault Value Description 
id tab Tab ID must be unqiue. The ID value can not be same in a single page.
button nav-tabs Use any nav style class from bootstrap. e.g. nav-pills, nav-pills nav-stacked, nav-tabs nav-justified, nav-pills nav-justified.
class tab Use any class according to your requirement.
title empty Enter the title for the tab item.

 

Example Tabs (screenshot)

Newsletter