Add Tabbed Content

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

Tab module image

  • 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.
Submit a request
Join the Discussion

Community browse

Сategory Menu
Powered by Zendesk