We will use the ‘classic’ theme and we included the jqx.classic.css file. For more information about the basics of working with the Tabs and Panel widgets, see the jquery-tabs-getting-started.htm and jquery-panel-getting-started.htm
The next step is to add the HTML structure:
The tab’s title is represented by LI tag and it has an associated div tag. We also added the “panel1” and “panel2” div tags as a content in each tab.
The last step is to initialize the Tabs and Panels. To turn the ‘jqxTabs’ div tag into the jqxTabs widget, we are calling the jqxTabs constructor and also set its width, height and theme properties. The initialization of the panels includes selection of all tags with the ‘.panel’ class and calling the jqxPanel constructor.