Demos
Documentation
API
More Samples
Download Wijmo

TabPanel Markup

The markup used to initialize TabPanel controls consists of one element per tab, each with two children: the tab header and the tab content.

We suggest you use anchor elements (tag a) for the tab headers because they are semantically more meaningful than plain div elements.

In this example, we added a "wj-state-active" class to the "America" pane markup. That defines the tab that is initially selected. Alternatively, we could have initialized the TabPanel's selectedIndex property in JavaScript.