Page Comparison

...

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.

...

hover	#0065FF
inactive	#42526E
width	60
active	#0065FF
style	roundedBackground
alignment	center
iconPreview	false

...

title	Latest News

Cp content card macro

data

{"config":{"showTabs":false,"type":"blog","variant":"magazine","columns":2,"pagination":"infinite","labelsBackground":"#DFE1E6","coverPictureSize":180,"coverPictureBorderRadius":8,"size":16,"gridGap":15,"activeElements":["author","label","space","description","date"],"imagePosition":"right","tabs":{"t38kX5BODZ":{"enrichment":"dynamic","contributors":[],"labels":[],"spaces":[],"sorting":"created","ordering":"descending","limit":4,"manuallyPicked":[],"restrictedToCollections":[]}}},"tabs":[{"id":"t38kX5BODZ","name":"Insert text","position":0}]}

...

title	Important Pages

Cp content card macro

data

{"config":{"showTabs":false,"type":"page","variant":"card","columns":3,"pagination":"infinite","labelsBackground":"#DFE1E6","coverPictureSize":200,"cardBorderRadius":8,"gridGap":10,"activeElements":["author","date","space","description","label"],"size":32,"tabs":{"t38kX5BODZ":{"enrichment":"dynamic","contributors":[],"labels":[],"spaces":[],"sorting":"created","ordering":"descending","limit":8,"manuallyPicked":[],"restrictedToCollections":[],"excludePersonalSpaces":false}}},"tabs":[{"id":"t38kX5BODZ","name":"Insert text","position":0}]}

...

title	Meet The Team

...

Cp content card macro

data

{"type":"orgchart","viewOptions":{"view":"card","elementsToDisplay":{"firstField":"","secondField":""},"borderRadius":3,"lineColor":"#4C9AFF"},"structure":{"id":"root-level","expanded":true,"level":-1,"children":[{"id":"612f43bf45cd76006a94d890","expanded":true,"children":[{"id":"61728441a6ecfc00711c18df","expanded":true,"children":[]},{"id":"60a353e02009f10068965da6","expanded":true,"children":[]}]},{"id":"612f43de0f8ff40068d0ec26","expanded":true,"children":[]}]}}

...

title	Week #1

...

summary	Card Title, Type text here,
title	8idkcj
content	{"cards":[{"id":"r3qth","tabId":"nov64u","title":"Card Title","text":"Type text here","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"bootstrap/CloudsFill","iconType":"icon","color":{"san_francisco":{"background":"#ffffff00","color":"#2684FF"},"las_vegas":{"background":"#ffffff00","color":"#2684FF"},"austin":{"background":"#2684FF","color":"#000000"},"mumbai":{"background":"#2684FF"},"hong_kong":{"background":"#2684FF"},"cape_town":{"background":"#2684FF"},"palo_alto":{"color":"#2684FF"},"new_york":{"color":"#2684FF"},"madrid":{"color":"#2684FF"},"berlin":{"color":"#2684FF"},"la_paz":{"color":"#2684FF"},"sydney":{"color":"#2684FF"},"tokyo":{"color":"#2684FF"},"porto":{"background":"#ffffff","color":"#2684FF"}},"image":{"link":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"false","link":"","overlay":{"isActive":false,"color":"#000","opacity":0.3}}],"config":{"type":"icon","columns":3,"layout":["title","text","arrow"],"design":"las_vegas","textAlign":"left","height":150,"iconSize":100,"titleSize":10,"gap":16,"hasTabs":false,"iconRadius":50,"borderRadius":6,"structureVersion":3},"tabs":[{"id":"nov64u","text":"","icon":"bootstrap/CloudsFill"}]}

How to use

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

...

Note

What you need to know

Adding Single Tab macro outside of the Group Tab macro will display the error message in a view mode.
You can’t add Tab Group within Tab Group.Some of the Atlassian macros are not supported.

...

Compatibility

Tip
All Optics macros are compatible with the Nested Tabs macro.

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

Versions Compared

Old Version 9

New Version Current

Key

How to use

Compatibility