Adding Tabs to your pages

Adding Tabs to your pages

XenForo provides a easy to use js Class, to create own tabs.

You have to create a List with the tabs and add the class "Tabs tabs" to it.

There's also a data-panes attribute necessary, where you define the "content container"

Code:

<ul id="ragtektabs" class="Tabs tabs" data-panes="#ragtek > li">

As you see, my data-panes are the li elements in the ragtek container.

HTML:

<ul id="ragtektabs" class="Tabs tabs" data-panes="#ragtek > li">

<li>

<a href="foo">Tab1</a>

</li>

<li>

<a…

Adding Tabs to your pages

Source: Team Skull
Adding Tabs to your pages

Read
more @ www.teamskull.com