Aura Tab Group & Tab (Cloud)

Please follow these steps to insert an Aura - Tab Group & Aura - Tab macro on a Confluence Page:

• Go to the Confluence page you wish to edit

• Click on the Edit button of the Confluence page or press "E"

• In the page editor click on the + button (Insert), and select View more

• Select the Aura - Tab Group macro from the provided list and the configuration dialog appears

• Configure the Aura - Tab Group as needed and hit the save button of the macro

• Now click somewhere inside the Aura - Tab Group so that the cursor appears in it

• Click on the + button (Insert), and select View more

• Select the Aura - Tab macro from the provided list and the configuration dialog appears

• Configure the Aura - Tab as needed and finally hit the save button

• Repeat the the last three steps for each further tab that is needed

The configuration dialog helps users to create the tabs that suit their needs:

• The Aura - Tab Group provides a live preview on the right that shows the result in realtime

• The Aura - Tab is a simple form and therefore comes without a live preview

All parameters are optional, customizable by users and explained in detail below.

After the configuration is done click Save and the macro will be visible on your Confluence page. Clicking on Close will abort the configuration and the inserting of the macro.

Choose from different predesigned templates and customize them in the "Configuration" tab to suit your needs.

The configuration is separated into five sections:

1. General

2. Active Tab

3. Inactive Tabs

4. Hover for Inactive Tabs

5. Content

General

Direction - Choose between horizontal or vertical tabs

Size - Customize the tab size by adjusting the sliders of 'Tab Width', 'Tab Height' and 'Tab Spacing' (not available for vertical tabs)

Active Tab

Background Color - Adjust the background color of the active tab

Border - Choose how the border of the active tab should look like

Text / Icon - Adjust how text & icons should be formatted (that will be inserted later on in the Aura - Tab macro)

Inactive Tabs

Background Color - Adjust the background color of all inactive tabs

Border - Choose how the border of all inactive tabs should look like

Text / Icon - Adjust how text & icons should be formatted (that will be inserted later on in the Aura - Tab macro)

Hover for Inactive Tabs

Background Color - Adjust the background color of the hovered inactive tab

Border - Choose how the border of the hovered inactive tab should look like

Text / Icon - Adjust how text & icons should be formatted (that will be inserted later on in the Aura - Tab macro

Content

Background Color - Adjust the background color of the content box

Border - Choose how the border of the content box should look like

Padding - Choose a suitable padding for your content

Shadow - Choose betwenn several shadows that will be displayed behind the content box

Title - Enter a tab title for the selected tab

Icon - Select an icon for the selected tab (use the icon search to filter all icons)

To deselect an icon, either click the selected icon again or select another icon and deselect it again (this could be faster).

The desired content is inserted under an aura tab as shown in the screenshot. To insert a new and empty line under an Aura-Tab Macro, insert your cursor to the right of the Aura-Tab Macro and press the Enter key.

The aura tabs act as separators and only the content up to the next tab is displayed in the respective tab.

Please follow these steps to edit or remove the Aura macro on a Confluence Page:

• Go to the Confluence page you wish to edit

• Click on the Edit button of the Confluence page or press E

• Click on the Aura macro you wish to edit or remove

• A small dialog with the options Edit and Remove appears

• Click on the desired action