The Tab module is used to add a content box where the content can be switched with the tab buttons.
To use the Tab module:
- Enter Tab Title
- Enter Tab Content
- To delete/duplicate a Tab: hover over the row menu icon (top left icon of the row)
- To add a Tab: just click on the "Add new row" button
- Module Title This option is used to add the title of your module.
- Tab Title The title shown in the tab button.
- Icon Add an icon that appear on a tab.
- Tab Content The content shown when the tab is selected.
- Add New Row Used to add a new tab to the module.
- Tab Layout This option is used to determine the layout of the tabs and content.
- Option 1 Tabs will be shown horizontally with tab titles and content shown as one block with borders around the content.
- Option 2 Tabs will be shown horizontally with tab titles and content shown as two separate blocks with borders around the content.
- Option 3 Tabs will be shown vertically with content in a box.
- Option 4 Tabs will be shown horizontally without borders around the content.
- Tab Icon Select where the icon will be placed on the tab. You can choose from the following: Icon beside the title, Just above the title, Just icons.
- Tab Color This option is used to select the color of the module.
- Tab Appearance These options provide the ability to toggle various effects for the tab buttons and content area.
- Rounded Toggles whether the corners of the module's content will be rounded.
- Gradient Toggles whether the module will have a gradient effect applied to it.
- Glossy Toggles whether the content area will have a gloss overlay effect applied to it.
- Embossed Toggles whether the module will have an emboss effect applied to the edges.
- Shadow Toggles whether the module will have a shadow effect applied to it.
- Additional CSS Class This option allows you to add any custom CSS classes you wish to be output with the module.