The Side Tabs component organizes content into different content tabs that are controlled by tab headings to the left side of the content area. Side Tabs are best used when displaying related lists of links with a small amount of text, images with descriptions or summary content that links to more in-depth pages.
Content authors can have up to ten tabs in a Side Tabs component.
There are several components allowed to be used inside of a tab. These include:
It is best to add or edit a Side Tabs component, its tabs and any tab components in Page Builder. Tab component content is best added in whichever editor works best for that specific component.
The Side Tabs component was rebuilt in late 2024 resulting in some changes in how they are constructed. Any side tabs built before this change will display "Side Tabs (OLD)" when hovered on in Page Builder and will still work using the instructions for the previous version. See "Manage Tabs in Side Tabs Component (OLD)," below.
In Page Builder:
Alternate method:
If this is new Side Tabs content:
If using existing Side Tabs Data (content):
The Side Tabs component and toolbar are displayed.
In Page Builder:
Add the first tab, in Page Builder:
If this is new Side Tabs tab content:
If using existing Side Tabs tab content:
The Tab Panel component and toolbar are displayed.
Add additional tabs:
Change tab order:
In Page Builder:
In Content Editor:
Add tabs:
Change tab order:
Rename or delete tabs:
Page Builder | Explorer | Content Editor | |
Add component | Optimal | ||
Add section title | Optimal | Possible | Possible |
Add section title green line | Optimal | ||
Add tabs | Optimal | Possible | Possible |
Rename tabs | Optimal | Possible | Possible |
Delete tabs | Optimal | Possible | Possible |
Copy tabs | Possible | Possible | |
Reorder tabs | Optimal | Possible | |
Add content to tab* | Optimal |
*Add content type and then follow component-specific instructions
Documentation updated: Mar. 20, 2025