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
Note: For more information on how to utilize the rich content editor tool bar, please view the
Text Area widget article.