Tabs are UI elements that allow multiple sets of content to be displayed within a single window. They serve as navigation tools for switching between different content sections. Tabs help organize large amounts of information in a compact space.

The Advanced Tabs module combines the functionality of the Tab Group and Single Tab modules. Tab Group module is used to control the design of all Single Tabs inside, while each Single Tab macro handles its own content.

Insert Advanced Tabs

Follow these steps to insert an Advanced Tabs module to your Confluence page:

Open the page you want to edit, or create a new one.
In edit mode, click the ‘+' icon in the toolbar or press '/' on your keyboard to open the module menu.
Type "Advanced Tabs" in the search bar and select Advanced Tabs Group (by Optics) from the list to open a configuration dialogue.
In the configuration dialog, choose a Advanced Tab Group template.

Configure corner rounding and choose accent and text colors. Adjust colors to support dark mode.
Once you're happy with the setup, click Add to page to insert the module. To cancel, simply click Cancel, and the module won’t be added.
After adding the Advanced Tab Group module to the page, insert Advanced Tab (Single) module inside it. Each Single Tab module creates a separate tab within the group.
In the Advanced Tab (Single) editor, set the icon and title for each tab. Content added below will appear under the selected tab in view mode.

What you need to know

Adding Advanced Tab module outside of the Group Tab macro will display the error message in a view mode.
You can’t add Tab Group within Tab Group.

The image below shows how it appears in edit mode:

Add the Tab Group and define the design using the Advanced Tab Group module.
Place Advanced Tabs (Single) inside and set a tab label and icon for each tab (icon is optional).
Add the content you want to display under the first tab below the corresponding Advanced Tabs (Single).
To add more tabs, repeat steps 2 and 3.
Publish the page.

Compatibility

All Optics macros are compatible with the Nested Tabs macro.

Content Formatting & Other Atlassian Macros	Nested Tabs Compatibility

Content Formatting & Other Atlassian Macros	Nested Tabs Compatibility
Text formatting
Text styles (headings)
Bullet list
Numbered list
Action items	Will appear as bullet points.
Tables
Links	Content embeds will appear as URL’s.
Images
Mentions
Emojis	Not all emojis are supported.
Code snippet	Will appear without numbering.
Date	Will appear as plain text.
Divider
Atlassian Panels
Status
Quote
Decision	Will appear as bullet points.
Expand
PDF
Activity Stream
Agile Wallboard Gadget
Assigned to Me
Attachments
Average Age Chart
Average Number of Times in Status
Average Time in Status
Blog Posts
Change History
Chart
Children Display
Filter by label
Content Report Table
Contributors
Contributors Summary
Create from Template
Decision report
Excerpt
Excerpt Include
Filter Results
Gallery
Heat Map
Iframe
Include Page
Issue Statistics
Issues in progress
Jira Charts
Jira Issues Calendar
Jira Road Map
Labels Gadget
Labels List
Livesearch
Office Excel
Office Powerpoint
Office Word
Opsgenie Incident Timeline
Opsgenie Incident Timeline EU
Page Index
Page Properties
Page Properties Report
Page Tree
Page Tree Search
Pie Chart
Popular Labels
Profile Picture
Projects
Quick links
Recently Created Chart
Recent updates	The “Show more” button is not supported.
Recently Updated Dashboard	Only the “All Updates” tab is supported.
Related Labels
Resolution Time
Roadmap Planner
Shared Links Bookmarklet Button
Spaces List
Sprint Burndown Gadget
Sprint Health Gadget
Starred filters
Table of Content Zone
Table of Contents
Task report
Time Since Chart
Time to First Response
Two Dimensional Filter Statistics
User List
User Profile	The profile picture is not supported.
Version Report
Voted Issues
Watched Issues
Widget Connector
Workload Pie Chart

Optics - Content Formatting Macros

Advanced Tabs

Insert Advanced Tabs

Compatibility

Related content