/
Tabs

Tabs

On this page:

Macro overview

This macro allows for the creation of a tab panel. It replaces the Tab Group and Tab macros in the Beta version. See Switching to the new Tabs macro.

Adding the macro

  1. Either search and select Tabs from the macro browser, or use the keyboard shortcut ( "/" for the new editor or "{" for the old editor).

  2. Each tab allows you to add a title and formatted content. You can also drag and drop the tab titles to rearrange them.

    Creating tabs using the Insert Tabs macro

    In a tab, if a table with more than 16 columns is added, it may not display all the columns when resizing the page. To avoid this, enable the Full page editor option to resize the columns efficiently after the page is published.

    If you have many tabs or if your tabs have long names, the tabs automatically spill over to another line.

    Example of too many tabs
  3. When you are done adding tabs and text, click Insert and Publish the page. 

Adding files and images

  1. In the Insert Tabs Macro window, click the dropdown button (see 1 in the image) and then click Files & Images (see 2 in the image).

  2. Click the Upload a file button to add the file or image to the tab.

  3. Alternatively, drag and drop an image or file anywhere within the file upload window. 

  4. Click Close after the files and images have been uploaded.  

Customizing the tabs

The tabs editor offers flexibility to match your design preferences, with options to adjust tabs' position, style, font size, and color. Click the expand arrow on the left to access the Tabs customizations menu (see the screenshot below).

composition-tabs-editor-customizations.png

The table below shows all the options in the Tabs customizations menu, including what they do, the choices you can pick, and the default settings.

Option

Description

Choices

Default

Option

Description

Choices

Default

Tab position

Specify where the tabs are positioned on the page.

Top, Side

Top

Tab style

Choose the visual theme for your tabs.

Default, Blocks, Top highlight

Default

Tab font size

Adjust the size of the text on the tabs.

Small, Medium, Large

Small

Tabs color

Customize the colors for active and inactive tabs.

First line: Active tab colors
Second line: Inactive tab colors

Dark blue (Active tab), Blue (Inactive tab)

Supported features

The macro editor supports most of the features you would normally find in a standard Confluence cloud editor.

The following is a detailed list of the features and the availability status:

Feature

Available

Fonts

  • Normal text

  • Heading 1, 2, 3, 4, 5, 6

  • Bold, italic, underline

  • Strikethrough

  • Code

  • Superscript, subscript

Text alignment

Text color

Lists

  • Bullet

  • Numbered

Action item

Link

Files & images

Mention

Emoji

Expand

Table

Layouts

Support for this feature was removed in the April 8, 2025 release.

Quote

Code snippet

Panel

  • Info

  • Note

  • Success

  • Warning

  • Error

Decision

Divider

Date

Status

 

Tutorial examples







Need support? Create a request with our support team.

Copyright © 2005 - 2025 Appfire | All rights reserved.