Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Aura divider
paramseyJ0eXBlIjoidGV4dCIsInNlcmlhbGl6ZWRTdHlsZXMiOiJ7XCJhbGlnbm1lbnRcIjp7XCJob3Jpem9udGFsXCI6XCJjZW50ZXJcIn0sXCJpY29uXCI6e1wibmFtZVwiOlwiZmFQYXBlclBsYW5lXCIsXCJjb2xvclwiOlwiIzMzM1wiLFwic2l6ZVwiOjI0fSxcInRleHRcIjp7XCJjb2xvclwiOlwiIzAwMDAzOFwiLFwiZm9udFNpemVcIjozMixcInRleHRBbGlnblwiOlwibGVmdFwiLFwiZm9udFdlaWdodFwiOlwibGlnaHRlclwiLFwidGV4dFwiOlwiSW50cm9kdWN0aW9uXCJ9LFwiYm9yZGVyXCI6e1widG9wXCI6ZmFsc2UsXCJyaWdodFwiOmZhbHNlLFwiYm90dG9tXCI6dHJ1ZSxcImxlZnRcIjpmYWxzZSxcImNvbG9yXCI6XCIjMDAwMDM4XCIsXCJzdHlsZVwiOlwic29saWRcIixcIndpZHRoXCI6MX0sXCJzaXplXCI6e319In0=
Aura background image
paramseyJiYWNrZ3JvdW5kSW1hZ2VIcmVmIjoiYXR0MTkxMjE0MzkxNyIsImJhY2tncm91bmRJbWFnZUhyZWZUeXBlIjoiYXR0YWNobWVudCIsImJhY2tncm91bmRTaXplIjoiY29udGFpbiIsImJhY2tncm91bmRQb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjb250YWluZXJNaW5IZWlnaHQiOjI1MCwiY29udGVudFBvc2l0aW9uIjoiY2VudGVyIiwicGFkZGluZyI6MTB9

The Aura Background Content macro allows you to add a background image, a background color, or both in combination. You can then insert content or macros into the background content macro. Further down in the 'Compatibility' section you can see which content and macros you can insert into the Aura Background Content macro.

Aura divider
paramseyJ0eXBlIjoidGV4dCIsInNlcmlhbGl6ZWRTdHlsZXMiOiJ7XCJhbGlnbm1lbnRcIjp7XCJob3Jpem9udGFsXCI6XCJjZW50ZXJcIn0sXCJpY29uXCI6e1wibmFtZVwiOlwiZmFQYXBlclBsYW5lXCIsXCJjb2xvclwiOlwiIzMzM1wiLFwic2l6ZVwiOjI0fSxcInRleHRcIjp7XCJjb2xvclwiOlwiIzAwMDAzOFwiLFwiZm9udFNpemVcIjozMixcInRleHRBbGlnblwiOlwibGVmdFwiLFwiZm9udFdlaWdodFwiOlwibGlnaHRlclwiLFwidGV4dFwiOlwiRXhhbXBsZVwifSxcImJvcmRlclwiOntcInRvcFwiOmZhbHNlLFwicmlnaHRcIjpmYWxzZSxcImJvdHRvbVwiOnRydWUsXCJsZWZ0XCI6ZmFsc2UsXCJjb2xvclwiOlwiIzAwMDAzOFwiLFwic3R5bGVcIjpcInNvbGlkXCIsXCJ3aWR0aFwiOjF9LFwic2l6ZVwiOnt9fSJ9
Aura background image
paramseyJiYWNrZ3JvdW5kQ29sb3IiOiIjMTcyYjRkYTYiLCJiYWNrZ3JvdW5kSW1hZ2VIcmVmIjoiYXR0MTkwNjkwMTA2NyIsImJhY2tncm91bmRJbWFnZUhyZWZUeXBlIjoiYXR0YWNobWVudCIsImJhY2tncm91bmRTaXplIjoiY292ZXIiLCJiYWNrZ3JvdW5kUG9zaXRpb24iOiJjZW50ZXIgY2VudGVyIiwiY29udGFpbmVyTWluSGVpZ2h0Ijo5MDAsImNvbnRlbnRQb3NpdGlvbiI6ImNlbnRlciIsInBhZGRpbmciOjEwfQ==
Aura pretty title
paramseyJjb2xvciI6IiNmZmZmZmYiLCJmb250U2l6ZSI6MTIwLCJmb250V2VpZ2h0IjoiYm9sZCIsImxpbmVIZWlnaHQiOjEyMCwidGV4dEFsaWduIjoiY2VudGVyIiwidGFnIjoiaDEiLCJjbG91ZFRleHQiOiJCUkVBVEhUQUtJTkcifQ==
Aura pretty title
paramseyJjb2xvciI6IiNmZmZmZmYiLCJmb250U2l6ZSI6MzIsImZvbnRXZWlnaHQiOiJsaWdodGVyIiwibGluZUhlaWdodCI6NjAsInRleHRBbGlnbiI6ImNlbnRlciIsInRhZyI6ImgxIiwiY2xvdWRUZXh0IjoiQ3JlYXRlIGVuZ2FnaW5nIENvbmZsdWVuY2UgcGFnZXMgd2l0aCBBdXJhIn0=

Aura divider
paramseyJ0eXBlIjoidGV4dCIsInNlcmlhbGl6ZWRTdHlsZXMiOiJ7XCJhbGlnbm1lbnRcIjp7XCJob3Jpem9udGFsXCI6XCJjZW50ZXJcIn0sXCJpY29uXCI6e1wibmFtZVwiOlwiZmFQYXBlclBsYW5lXCIsXCJjb2xvclwiOlwiIzMzM1wiLFwic2l6ZVwiOjI0fSxcInRleHRcIjp7XCJjb2xvclwiOlwiIzAwMDAzOFwiLFwiZm9udFNpemVcIjozMixcInRleHRBbGlnblwiOlwibGVmdFwiLFwiZm9udFdlaWdodFwiOlwibGlnaHRlclwiLFwidGV4dFwiOlwiSG93IHRvIGluc2VydFwifSxcImJvcmRlclwiOntcInRvcFwiOmZhbHNlLFwicmlnaHRcIjpmYWxzZSxcImJvdHRvbVwiOnRydWUsXCJsZWZ0XCI6ZmFsc2UsXCJjb2xvclwiOlwiIzAwMDAzOFwiLFwic3R5bGVcIjpcInNvbGlkXCIsXCJ3aWR0aFwiOjF9LFwic2l6ZVwiOnt9fSJ9
Image RemovedImage Added

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 Background Content macro from the provided list and the configuration dialog appears

Aura divider
paramseyJ0eXBlIjoidGV4dCIsInNlcmlhbGl6ZWRTdHlsZXMiOiJ7XCJhbGlnbm1lbnRcIjp7XCJob3Jpem9udGFsXCI6XCJjZW50ZXJcIn0sXCJpY29uXCI6e1wibmFtZVwiOlwiZmFQYXBlclBsYW5lXCIsXCJjb2xvclwiOlwiIzMzM1wiLFwic2l6ZVwiOjI0fSxcInRleHRcIjp7XCJjb2xvclwiOlwiIzAwMDAzOFwiLFwiZm9udFNpemVcIjozMixcInRleHRBbGlnblwiOlwibGVmdFwiLFwiZm9udFdlaWdodFwiOlwibGlnaHRlclwiLFwidGV4dFwiOlwiSG93IHRvIGNvbmZpZ3VyZVwifSxcImJvcmRlclwiOntcInRvcFwiOmZhbHNlLFwicmlnaHRcIjpmYWxzZSxcImJvdHRvbVwiOnRydWUsXCJsZWZ0XCI6ZmFsc2UsXCJjb2xvclwiOlwiIzAwMDAzOFwiLFwic3R5bGVcIjpcInNvbGlkXCIsXCJ3aWR0aFwiOjF9LFwic2l6ZVwiOnt9fSJ9

Please follow these steps to edit an Aura Background Content macro on a Confluence page:

  • The configuration dialog helps users to create the background that suits their needs. 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.

Content Vertical Position

Choose how you would like to position your content:

  • Top

  • Center

  • Bottom

Mininum Height

Choose a suitable minimum size for your background content container. The content container is dynamic and adjusts automatically with your content.

Padding

Choose suitable padding for your content.

Color

Click on the Add Background Color button to use the background color. You will then be presented with more options:

  • Choose from predesigned color palettes (provided by administrators) that suit your needs.

  • Each color palette comes with a set of up to 18 different colors that will, for example, match the company's brand and corporate identity.

  • Click on a color box to apply the color to the button.

  • An applied color box is highlighted with a white frame and a white circle.

  • The paint bucket allows you to pick a custom color as well as adjust the transparency of the color.

  • You can remove the color by clicking on the Remove Background Color button.

Image

Click on the Add Background Image button to use the background color. You will then be presented with more options:

Link to Image

Provide a URL that directs to an image (GIFs are also supported) or select an attachment.

Image Size

Choose how the image should be displayed:

  • Cover

  • Contain

  • Auto

Image Position

Choose how the image should be positioned.

You can remove the color by clicking on the Remove Background Image button.

Aura divider
paramseyJ0eXBlIjoidGV4dCIsInNlcmlhbGl6ZWRTdHlsZXMiOiJ7XCJhbGlnbm1lbnRcIjp7XCJob3Jpem9udGFsXCI6XCJjZW50ZXJcIn0sXCJpY29uXCI6e1wibmFtZVwiOlwiZmFQYXBlclBsYW5lXCIsXCJjb2xvclwiOlwiIzMzM1wiLFwic2l6ZVwiOjI0fSxcInRleHRcIjp7XCJjb2xvclwiOlwiIzAwMDAzOFwiLFwiZm9udFNpemVcIjozMixcInRleHRBbGlnblwiOlwibGVmdFwiLFwiZm9udFdlaWdodFwiOlwibGlnaHRlclwiLFwidGV4dFwiOlwiSG93IHRvIGVkaXQgLyByZW1vdmVcIn0sXCJib3JkZXJcIjp7XCJ0b3BcIjpmYWxzZSxcInJpZ2h0XCI6ZmFsc2UsXCJib3R0b21cIjp0cnVlLFwibGVmdFwiOmZhbHNlLFwiY29sb3JcIjpcIiMwMDAwMzhcIixcInN0eWxlXCI6XCJzb2xpZFwiLFwid2lkdGhcIjoxfSxcInNpemVcIjp7fX0ifQ==

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 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

Aura divider
paramseyJ0eXBlIjoidGV4dCIsInNlcmlhbGl6ZWRTdHlsZXMiOiJ7XCJhbGlnbm1lbnRcIjp7XCJob3Jpem9udGFsXCI6XCJjZW50ZXJcIn0sXCJpY29uXCI6e1wibmFtZVwiOlwiZmFQYXBlclBsYW5lXCIsXCJjb2xvclwiOlwiIzMzM1wiLFwic2l6ZVwiOjI0fSxcInRleHRcIjp7XCJjb2xvclwiOlwiIzAwMDAzOFwiLFwiZm9udFNpemVcIjozMixcInRleHRBbGlnblwiOlwibGVmdFwiLFwiZm9udFdlaWdodFwiOlwibGlnaHRlclwiLFwidGV4dFwiOlwiQ29tcGF0aWJpbGl0eSBvdmVydmlld1wifSxcImJvcmRlclwiOntcInRvcFwiOmZhbHNlLFwicmlnaHRcIjpmYWxzZSxcImJvdHRvbVwiOnRydWUsXCJsZWZ0XCI6ZmFsc2UsXCJjb2xvclwiOlwiIzAwMDAzOFwiLFwic3R5bGVcIjpcInNvbGlkXCIsXCJ3aWR0aFwiOjF9LFwic2l6ZVwiOnt9fSJ9

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)

Headings

(blue star)

Bullet List

(blue star)

Numbered List

(blue star)

Check List

(blue star)

Tables

(blue star)

Cell color is unsupported

Links

(blue star)

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)