How do I create a "Tabs Container" in Mosaic cloud?

[Bruce]

In on-prem Confluence, I created a number of pages which started with a Tabs Container, and the containers each contained a number of "Tabs Pages". On those pages, I would use the "Insert JIRA Issue/Filter" macro to add 3 JIRA views to each Tab Page.

The result was I could make a webpage which started with 3 large product groups (containers). You select one of them, and 6-8 smaller groups (pages) appeared. You clicked on the smaller product group you wanted, and you were presented with the 3 views (JIRA views) for that product group. It worked really well, was intuitive, and developers could always find their product.

I am trying to recreate this in Confluence/JIRA/Mosiac cloud after our migration but am unable to figure out how to add Tab Containers. I can create the 3 views per product, but how do I add them to a container so that they show only if the container is selected? 

[Trisha Griffis]

Confluence Cloud (Mosaic) doesn’t support the same native Tabs Container functionality that was available in on-prem setups, but you can recreate a similar experience with a couple of solid options:

• Option 1: Use a Marketplace App
  
  Install a tabs macro app like:
• Tabs for Confluence
• Mosaic: Content Formatting Macros (by Kolekti/Adaptavist)
• Navitabs, Tabs+ Pro, or Composition Tabs

These apps let you insert a Tabs container and embed content like Jira Issue/Filter macros in each tab—just like your old setup.

Option 2: Use Built-In Macros as a Workaround

• If you want to avoid third-party apps:
• Use the Expand macro to simulate collapsible sections
• Use panels or tables for clean layout (but no show/hide functionality)

Jer-nee Consulting is a Gold Atlassian Solutions Partner and we're happy to help if you want recommendations or a sample setup! You can schedule a quick call with us here

[Bruce]

Interesting, thanks. Yes, I can build a not-quite-the-same experience, (but close enough), with the Expand macro. Appreciate the reply.

[Abi Brown- Kolekti]

Hi @Bruce 

I am the Customer success manager for Mosaic - I am happy to help -do you want to have a call to discuss and we can run through how our tabs work in cloud? My email is abrown@kolekti.com 

Thanks

Abi 

[Bruce]

Thanks, I'll keep that option in mind. For now, I'll use the Expand macro to simulate what I had before.

[Abi Brown- Kolekti]

Im mosaic you will have the Advanced expand and this will work within tabs, so its almost like nesting a tab within a tab experience 

Thanks

Abi 

[Bruce]

Turns out I could use Mosaic Tabs to do exactly what I want. No need for Expand or Advanced Expand. The page itself acts as a container, I do not need to create a Tabs Container as I did with the 3rd party tool before the migration to cloud. When adding tabs within Mosaic Tabs, they act as selectable product headers showing only what is in the selected tab. I then used the Legacy JIRA macro included with Mosaic Cloud to run JQL to select the appropriate JIRAs. Worked like a charm.

I do have 2 questions; 1). Why is the available macro called "Legacy JIRA"? That made me worry, I would rather build this site for longevity and was reluctant to use something called "Legacy" which implied it would be deprecated sometime in the near future.

2). I was fortunate that 90% of my old site migrated correctly to the cloud from on-prem JIRA. I still have no idea why 2 of the pages displayed nothing when moved to the cloud. I rebuilt both of them using Mosiac Tabs, and they slotted into my tabs tree perfectly. However, neither of the 2 rebuilt pages required nested tabs. They were both lowest-level pages. Had they been higher-level tabs, they would have needed to have embedded tabs to split by OS (ie. appname for iOS, appname for Android, appname for MacOS, etc.). Does Mosaic Tabs support embedded tabs? It doesn't look like it does...