The Aura Panel macro allows you to create panels that display your content in a more attractive, easy-to-read, and organized way. With Aura's powerful and intuitive configuration dialog even inexperienced users can create beautiful panels and easily customize those to suit their needs.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

UI

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr

  • Lorem ipsum dolor sit amet, consetetur

  • Lorem ipsum dolor sit amet

UX

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr

  • Lorem ipsum dolor sit amet, consetetur

  • Lorem ipsum dolor sit amet

UI

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr

  • Lorem ipsum dolor sit amet, consetetur

  • Lorem ipsum dolor sit amet

UX

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr

  • Lorem ipsum dolor sit amet, consetetur

  • Lorem ipsum dolor sit amet

UI

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr

  • Lorem ipsum dolor sit amet, consetetur

  • Lorem ipsum dolor sit amet

UX

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr

  • Lorem ipsum dolor sit amet, consetetur

  • Lorem ipsum dolor sit amet

UI

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr

  • Lorem ipsum dolor sit amet, consetetur

  • Lorem ipsum dolor sit amet

UX

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr

  • Lorem ipsum dolor sit amet, consetetur

  • Lorem ipsum dolor sit amet

Aura Macro Walkthrough (Cloud)

UI

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr

  • Lorem ipsum dolor sit amet, consetetur

  • Lorem ipsum dolor sit amet

UX

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr

  • Lorem ipsum dolor sit amet, consetetur

  • Lorem ipsum dolor sit amet

UI

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr

  • Lorem ipsum dolor sit amet, consetetur

  • Lorem ipsum dolor sit amet

UX

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr

  • Lorem ipsum dolor sit amet, consetetur

  • Lorem ipsum dolor sit amet

Please follow these steps to insert an Aura - Background Content 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 More Content) and select Other macros

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

Please follow these steps to edit an Aura - Panel macro on a Confluence Page:

  • The configuration dialog helps users to create the background that suit their needs and the live preview shows the result in realtime.

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

Choose from different pre-designed templates and customize them in the Advanced Config tab to suit your needs.

The configuration is separated into two sections:

  1. Header

  2. General

Every option in the Header section will only affect the header of the panel. The options in the General section will affect the whole body of the panel. All available & activated options can be removed by clicking on the bin icon on the right side of each option.

Header

Title

Enter a title & adjust the color, weight and size of the title.

Icon

Select an icon & adjust the color and the size.

Alignment

Choose how the content of the entire header should be aligned.

Background Color

Adjust the background color of the entire header.

Divider

Displays a horizontal rule between the header and the main content section. Adjust the color & the width.

General

Size

Choose a custom size (for the width &/or height) or use the 100% width option.

Text

Adjust how text should be formatted (that will be inserted later on in the panel).

Background Color

Select a fitting background color.

Border

Choose how the border of the entire panel should look like.

Rounded Corners

Choose between several rounded corners options.

Shadow

Choose between several shadows that will be displayed behind the panel.

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

This table shows which content/macros can be inserted and used inside this Aura macro. Please note that the compatibility may change with each new cloud version that Atlassian releases.

Content

Compatible

Notes

Text & Formatting (color, italic etc.)

(blue star)

Empty lines are ignored (by Atlassian and we can not change that)

Headings

(blue star)

Bullet List

(blue star)

Numbered List

(blue star)

Check List

(blue star)

Editing in page view mode is unsupported

Tables

(blue star)

Cell color and sorting is unsupported.

Links

(blue star)

Links are displayed in full length

Images

(blue star)

Images can be scaled, but the size differs between Edit and View mode.

Mentions

(blue star)

Emojis

(blue star)

Most of the emojis are displayed as a blue star. This is a bug that Atlassian has to fix.

Here is an incomplete list of working emojis: (blue star) (smile) (wink) (tick) (error) (plus) (minus) (lightbulb) (grey lightbulb) (warning) (question) (info) (star) (blue star) (green star) (red star)

Code snippet

(blue star)

Content is visible, but line numbering, color highlighting and copy button are not available.

Date

(blue star)

Divider

(blue star)

Atlassian Panels

(blue star)

The design differs in view mode compared to edit mode

Status

(blue star)

The design differs in view mode compared to edit mode

Quote

(blue star)

Decision

(blue star)

Expand

(blue star)

PDF (directly inserted)

(blue star)

Macros

Compatible

Notes

Activity Stream

(blue star)

Advanced Roadmaps for Jira

not tested

Agile Wallboard Gadget

not tested

Assigned to Me

(blue star)

Attachments

(blue star)

Versions can not be maximized. Upload drop zone is not working. Uploading through button does not work.

Aura - Background Content

(blue star)

Aura - Button

(blue star)

Aura - Cards

(blue star)

Aura - Divider

(blue star)

Aura - Panel

(blue star)

Aura - Title

(blue star)

Average Age Chart

(blue star)

Average Number of Times in Status

(blue star)

Average Time in Status

(blue star)

Blog Posts

(blue star)

The ‘Create blog post’ button is greyed out and can not be used.

Change History

(blue star)

Chart

(blue star)

Children Display

(blue star)

Content by Label

(blue star)

Content Report Table

(blue star)

Contributors

(blue star)

Contributors Summary

(blue star)

Create from Template

(blue star)

Created vs Resolved Chart

(blue star)

Days Remaining in Sprint Gadget

not tested

Decision report

(blue star)

Excerpt

(blue star)

Excerpt Include

(blue star)

Filter Results

(blue star)

Gallery

(blue star)

Heat Map

(blue star)

Iframe

(blue star)

Include Page

(blue star)

Issue Statistics

(blue star)

Issue in progress

(blue star)

Jira

(blue star)

Jira Charts

(blue star)

Jira Issues Calendar

(blue star)

Jira Road Map

(blue star)

Jira roadmap

not tested

Labels Gadget

(blue star)

Labels List

(blue star)

Livesearch

(blue star)

Visuals differ between Edit and View mode. Clicking on the 'Search' button displays the search results and the confluence frame at the top of the opened page.

Office Excel

(blue star)

Office Powerpoint

(blue star)

Office Word

(blue star)

Opsgenie Incident Timeline

not tested

Opsgenie Incident Timeline EU

not tested

Page Index

(blue star)

Page Properties

(blue star)

Page Properties Report

(blue star)

Page Tree

(blue star)

Page Tree Search

(blue star)

Clicking on the 'Search' button displays the search results and the confluence frame at the top of the opened page.

PDF

(blue star)

Pie Chart

(blue star)

Popular Labels

(blue star)

Profile Picture

(blue star)

Projects

(blue star)

Quick links

(blue star)

Recently Created Chart

(blue star)

Recently Updated

(blue star)

The Show More button open an ugly list of more recently updated content.

Recently Updated Dashboard

(blue star)

The tabs My Spaces & Network can not be opened.

Related Labels

(blue star)

Resolution Time

(blue star)

Roadmap Planner

(blue star)

Shared Links Bookmarklet Button

(blue star)

Spaces List

(blue star)

The tab Favourite can not be opened.

Sprint Burndown Gadget

(blue star)

Sprint Health Gadget

(blue star)

Starred filters

(blue star)

Table of Content Zone

(blue star)

Table of Contents

(blue star)

Task report

(blue star)

Time Since Chart

(blue star)

Time to First Response

(blue star)

Trello Board

(blue star)

Seems to work

Trello Card

(blue star)

Seems to work

Two Dimensional Filter Statistics

(blue star)

User List

(blue star)

User Profile

(blue star)

Version Report

(blue star)

Voted Issues

(blue star)

Wallboard Spacer Gadget

not tested

Watched Issues

(blue star)

Widget Connector (YouTube Videos etc.)

(blue star)

Workload Pie Chart

(blue star)