The Tabbed Widget provides a way to create a unique look for your page. You can create tabs to separate the widgets for a specific topic in one central location. It also allows your users to click and view the content.
Who can use this feature?
System Administrators | Owners | Publishers | Authors
Add a Tabbed Widget
Click the Widgets tab and drag and drop the Tabbed Widget onto your page:
Note:
A tabbed widget cannot be placed inside another tabbed widget.
Add a Tab Name and click Next:
Drag and drop your Content to your Tabbed Widget:
Click the + icon to add a new tab to the widget:
Repeat steps 3 through 5 to add as many tabs as needed:
Click the Save Changes button:
Edit a Tabbed Widget Name
Navigate to the page with the tabbed widget.
Click on a tab name and type to edit the name:
Alternatively, you can click the Widget Options icon and edit tab names on the pop-up window:
Click the Save Changes button:
Tab Position and Alignment Options
Who can use this feature?
System Administrators | Owners | Publishers | Authors
Navigate to your desired page
Add a Tabbed Widget to your page, or hover over an existing Tabbed Widget and click the Tabbed Widget Options icon:
Click to expand the Position dropdown menu and select an option:
Top: Align tabs at the top of the widget
Left: Tabs display on the left side of the widget
Right: Tabs display on the right side of the widget
If you selected the Top position, click to expand the Alignment dropdown and select an option:
Equal Widths: Makes the tabs the same width
Equal spacing: Spaces tabs according to the length of the tab name
Note:
Equal spacing is the default option.Your content goes here
Left: Aligns tab names to the left
Center: Align tab names to the center
Right: Align tab names to the right
If you selected the Left or Right position, you may also edit the Width of the tabs:
Click the Close (X) button to exit the Tabbed Widget Options dialog box:
Note:
The widget option edits that you have made will automatically save.
Finally, click the Save Changes button to save the page version:
Remove a Tab from a Tabbed Widget
Important Note:
Before you can remove a tab, you must remove any widget and content inside the tab.
Who can use this feature?
System Administrators | Owners | Publishers
Sign in to your website solution and navigate to the page with your tabbed widget
Click to select the tab you would like to delete:
Hover over the content inside the tab and click the Remove This Widget (X) button to delete the widget content:
Note:
Some content types will offer another, similar Remove This Content Item (X) button. Clicking this button will delete a content item from the widget, but will not delete the widget itself.
Click OK in the pop-up asking Are you sure you want to delete this widget?:
Hover over the now-empty area of the tab and click the Remove This Tab (X) button to delete the tab:
Finally, click the Save Changes button to save the page:
Reorder Tabs in a Tabbed Widget
Who can use this feature?
System Administrators | Owners | Publishers | Authors
Sign in to your website solution and navigate to the page with your tabbed widget
Hover your mouse over your tabbed widget and select the Options icon:
On the Widget Options dialog box, use the sorting handles to drag and drop the tabs into your preferred order:
Click the Close (X) button to exit the Widget Options dialog box:
Finally, click the Save Changes button to save the page: