Tabs

The template includes a complete and powerful tabs functionality:

  • 3 different styles: top, side and swipe
  • Top and side styles convert to swipe style on mobile screens to match smartphones design guidelines - Try resizing your browser!
  • Tabs can be nested as deep as wanted
  • Tabs height can be automatically equalized
  • Robust plugin design, automatically handle adding or removing tabs, also provide corresponding methods:


Top tabs

Selected tab
Alternate tab 1
Alternate tab 2
Disabled tab

Bottom tabs

Selected tab
Alternate tab 1
Alternate tab 2
Disabled tab

Side tabs

Selected tab
Alternate tab 1
Alternate tab 2
Disabled tab
Selected tab
Alternate tab 1
Alternate tab 2
Disabled tab

Swipe tabs

Selected tab
Alternate tab 1
Alternate tab 2
Disabled tab
Alternate tab 1
Alternate tab 2
Disabled tab

Nested tabs

Selected tab

Selected tab

Selected tab

Selected tab

Selected tab

Selected tab

Selected tab

Selected tab

Selected tab

Selected tab

Selected tab

Alternate tab 1
Alternate tab 2
Disabled tab
Alternate tab 1
Alternate tab 2
Disabled tab