Widget Type - Tabbed Content

The Tabbed Content widget displays up to 5 blocks of content that will be contained with a single tabbed area. The widget is configured by adding each tab along with a label and the content with the use of the rich content editor. A user can click on a tab label to view the content. The width of the tab labels will be dependent on the number of tabs added to the widget.

Available in the following Content Blocks: Extra Large, Large

Requirements: N/A

Configuration

Default
Any field marked with a red asterisk (*) is required in order to save the widget. Once all the applicable fields have been configured, click Save & Close to save the widget. Once a tab has been added, hover over the tab to Edit or Delete that tab or Move it Up or Down within the list.

• Theme:* choose between 1 of 3 custom themes that have been applied to the website
• Title: add an optional title to display above the tabbed content area
• Add item: click to add a new tab
  • Tab Label: enter a label for the tab
  • Tab Content: enter content for the tab using the rich content editor tool bar
  • Click Select

Once the items have been added the order in which they appear on the website can be changed by using the Up, Down, Top and Bottom options.

 Advanced (Optional) settings

• Title Alignment:* use the drop down to align the title to the left, center or right
• Title Size: use the drop down to override the size of the Widget title
• Margins:​
  • Top: use slider to select margin measured in pixels
  • Bottom: user slider to select margin measured in pixels
• Override Padding: check the box to use the following settings:
  • Top: use slider to select padding measured in pixels
  • Bottom: user slider to select padding measured in pixels