NewsNavitabs - Tabs for Confluence

🧙🏼 New Navitabs Tab Wizard to create tabs easily

If you are a regular Navitabs user (and we hope you are!), you know the struggle: So many Navitabs macros to choose from every time you look for “Tab”! 🤯

Frankly, this host of options has been puzzling for us too, and we are the makers of this app! So we set out on a mission to drastically reduce the Navitabs macros 🧹.

🥁 Enter our brand-new Tab Wizard Macro! If you are looking for Tabs, Childtabs, Labeltabs, or Navitabs, you will see the new option “Tab Wizard” instead:

Using this macro will open the following entry screen:

Tab Wizard macro interface with various options to create Confluence tabs
Tab Wizard entry screen

Choose one of the options to create a new tab navigation:

  • 🥢Select existing pages
  • 🏷️ Define labels
  • 👨‍👧‍👦 Define a parent page
  • 👩🏽‍🎨 Create your own tabs

We’ll quickly guide you through all the options. You can also access the documentation page directly. But first, let’s establish the main settings:

Settings for all macro options

As you were used to in the legacy macros, you have powerful settings in the Tab Wizard too:

  • Customize the tab design
  • Switch between horizontal (default) and vertical tabs
  • Set the width of the vertical tabs
  • Set the content height

In the new Tab Wizard, you can also adapt the settings’ width and set the macro editor to full-screen. This gives you more space for your content or the tab preview.

🥢 Select existing pages

Do you want to include existing Confluence pages as tabs? Search for and select the pages in the interface. This will automatically generate tabs displaying these pages’ content. The pages can be located anywhere on Confluence, so you can mix content from different spaces as you like.

Interface to select existing Confluence pages and display their content as tabs.

🏷️ Define labels (previously Labeltabs)

Assemble all pages with one or more specific labels at tabs. Define one or various labels and use the CQL filter to narrow down the results. The Tab Wizard will automatically generate tabs of pages containing the label(s) and display their content. By default, the Tab Wizard will list all pages with a specific label definition, no matter their location. If this leads to irrelevant tabs being displayed, you can use a filter and restrict the tabs to the current space, for example.

Interface to define a page label and display the pages carrying this label as tabs.

👨‍👧‍👦 Define a parent page (previously Childtabs)

Define the parent page. This will automatically generate tabs displaying the children’s content. This is a powerful option to showcase a page’s hierarchy.

Interface to define a parent page and display the children's content as tabs.

👩🏽‍🎨 Create your own tabs

We used to have a macro called “Tabs (opens built-in editor)” that allowed you to enter your own content. With “Create your own tabs”, we’ve completely revamped the editing experience and expanded it with many more features, especially the option to embed external content in tabs. We’ll go through all of them below ⤵️. Switch between the different options using the drop-down menu in the “Create your own tabs” interface.

Your Content

This option used to be covered with the macro “Tabs (opens built-in editor)”. Now, all the magic is happening within the Tab Wizard interface. Create tabs and give them any name, then use the editor on the right to insert your content. The editor looks and behaves just like the Confluence editor.
The only difference is that complex macros like Jira, Children Display etc., cannot be used in this editor. In this case, it is necessary to work with the Navitabs macros “Tab Group” and “Tab”. Read our documentation for more info.

Interface to insert content in the macro editor and display the content as a tab.

Embed/HTML Code or iFrame

Choose the option “Embed/HTML Code” if you have an embed or HTML code that you want to display as a tab on your page. Simply paste the code into the input field in the editor.

You can also use an iFrame to display external content as a Confluence tab. Use the option “iFrame”, then simply paste a target URL in the interface. Adjust the content size and check the preview – done!

Interface to insert an external URL to display the URL's content as a tab.

Confluence Page

You can mix the options described above ⤴️ with a tab containing the content of another Confluence page. Just look for an unrestricted Confluence page in the search box, and its content will automatically appear in the preview. Yes, it’s that easy 😊

🧙🏼Tab Wizard: One macro to rule them all

We hope that the new Tab Wizard will benefit everyone:

  • Experienced Navitabs users who need the same features as before
  • Users who shied away from the Navitabs’ complexity in the past
  • New Navitabs cloud users who have never worked with the legacy Navitabs macros

❓Questions or complaints about the Tab Wizard? We would love to hear from you! Please contact our support team, or schedule a call with Mattia, our Product Manager.

Last updated on July 7, 2023 by bitvoodoo