Skip to end of banner
Go to start of banner

Nested Tabs

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 15 Next »

Tabs are UI elements that allow multiple contents within a single window. Tabs are used as a navigation for switching between sets of content. With tabs, it is possible to keep a large amount of data in a much smaller area than you usually need.

Screenshot 2024-02-22 at 10.57.58.png

Nested Tabs feature is combining the functionality of Tab Group and Single tab macros. Tab Group macro is used to control the design of all Single Tabs inside, while each Single Tab macro handles its own content.


How to use

Please follow these steps to insert and configure Nested Tabs macro on a Confluence page:

  1. Navigate to the Confluence page you wish to edit or create a new page.

  2. Once in edit mode, either click the plus icon in the navigation bar (insert elements) or press '/' on your keyboard to bring up the macro list.

  3. Type "Optics" in the search bar, then see the Nested Tabs macro from the options displayed.

  4. Start by adding the Tab Group macro to your Confluence page. This macro will serve as the container for your tabs.

  5. Within the Tab Group macro settings, define the design of your tabs. You can customize various aspects such as alignment, width, icons, and colors to achieve the desired visual style.

  6. Once you're satisfied, click Save to add the Tab Group to your Confluence page. If you decide not to proceed, clicking Cancel will cancel the setup without inserting the macro.

  7. After configuring the design settings in the Tab Group macro, proceed to add Single Tab macros within the Tab Group. Each Single Tab macro represents a separate tab in the tab group.

  8. In the Single Tab editor, specify the icon and tab title for each tab. These elements will be displayed on the tab for easy navigation. Any content added beneath the Single Tab macro will be displayed under the corresponding tab in view mode.

  9. Once you're satisfied, click Save to add the Single Tab to your Confluence page. If you decide not to proceed, clicking Cancel will cancel the setup without inserting the macro.

  10. Publish the page.

Screenshot 2024-02-22 at 11.59.16.png

What you need to know

  1. Adding Single Tab macro outside of the Group Tab macro will display the error message in a view mode.

  2. You can’t add Tab Group within Tab Group.

  3. Some of the Atlassian macros are not supported.


Compatibility

All Optics macros are compatible with the Nested Tabs macro.

Content Formatting & Other Atlassian Macros

Nested Tabs Compatibility

Text formatting

(tick)

Text styles (headings)

(tick)

Bullet list

(tick)

Numbered list

(tick)

Action items

Will appear as bullet points.

Tables

(tick)

Links

Will appear as URL’s.

Images

(tick)

Mentions

(tick)

Emojis

Not all emojis are supported.

Code snippet

Will appear without numbering.

Date

Will appear as plain text.

Divider

(tick)

Atlassian Panels

(tick)

Status

(tick)

Quote

(tick)

Decision

Will appear as bullet points.

Expand

(error)

PDF

(error)

Activity Stream

(error)

Agile Wallboard Gadget

(error)

Assigned to Me

(error)

Attachments

(tick)

Average Age Chart

(error)

Average Number of Times in Status

(error)

Average Time in Status

(error)

Blog Posts

(tick)

Change History

(tick)

Chart

(error)

Children Display

(tick)

Filter by label

(tick)

Content Report Table

(tick)

Contributors

(tick)

Contributors Summary

(tick)

Create from Template

(error)

Decision report

(tick)

Excerpt

(error)

Excerpt Include

(tick)

Filter Results

(error)

Gallery

(tick)

Heat Map

(error)

Iframe

(error)

Include Page

(tick)

Issue Statistics

(error)

Issues in progress

(error)

Jira Charts

(tick)

Jira Issues Calendar

(error)

Jira Road Map

(error)

Labels Gadget

(error)

Labels List

(tick)

Livesearch

(error)

Office Excel

(error)

Office Powerpoint

(error)

Office Word

(error)

Opsgenie Incident Timeline

(tick)

Opsgenie Incident Timeline EU

(tick)

Page Index

(tick)

Page Properties

(error)

Page Properties Report

(error)

Page Tree

(error)

Page Tree Search

(error)

Pie Chart

(error)

Popular Labels

(tick)

Profile Picture

(error)

Projects

(error)

Quick links

(error)

Recently Created Chart

(error)

Recent updates

The “Show more” button is not supported.

Recently Updated Dashboard

Only the “All Updates” tab is supported.

Related Labels

(tick)

Resolution Time

(error)

Roadmap Planner

(tick)

Shared Links Bookmarklet Button

(tick)

Spaces List

(tick)

Sprint Burndown Gadget

(error)

Sprint Health Gadget

(error)

Starred filters

(error)

Table of Content Zone

(error)

Table of Contents

(error)

Task report

(tick)

Time Since Chart

(error)

Time to First Response

(error)

Two Dimensional Filter Statistics

(error)

User List

(tick)

User Profile

The profile picture is not supported.

Version Report

(error)

Voted Issues

(error)

Watched Issues

(error)

Widget Connector

(tick)

Workload Pie Chart

(error)

  • No labels