The basic structure of Widget Tabs are a parent HTML widget, with several widgets placed below it (Fig. 1.1)

(Fig. 1.1) Widget Tabs structure

The parent HTML widget acts as the container, and each widget placed below it will automatically be converted into a tab (Fig 1.2)

(Fig. 1.2) Widgets converted into tabs

Configuration:

1. Add an HTML widget to a page and press Edit in the upper right-hand corner.
2. Switch to the Appearance tab and copy & paste ps-tabs tab-group-main into the Class dialog box.
3. Drag & drop at least 2 widgets underneath the parent HTML widget.
4. Go to the Appearance tab of each widget and copy & paste ps-tab tab-group-main into the Class dialog box.
5. Name the tabs by entering a unique Title on the Options tab of each child widget.
6. Publish the page.

*The RSS Feed widget is not compatible with Widget Tabs

Tips:

• You can add multiple instances of Widget Tabs on the same page by replacing the word main with a unique group identifier. For example, tab-group-main could become tab-group-sales. The child widgets just need the same unique class name applied to them as well.
• Tab order can be changed by re-arranging the order of the child widgets under the parent HTML widget.