Panel Macro

Unable to render {include} The included page could not be found.

Add the Panel macro to a page to format your text in a customizable coloured panel. It's similar to the Info, Tip, Note, and Warning Macros except you have complete control over the border, background, title and text colours. 

This is great for adding some visual interest to your pages. You can use panels in table cells and in page layouts, as in the example below.

On this page:

Screenshot: page with a purple Panel macro containing a list of useful links. 

Add this macro to your page

To add the Panel Map macro to a page:

  1. Unable to render {include} The included page could not be found.
  2. Choose Panel from the Formatting category.
  3. Enter any parameters. Leave blank for a simple white panel with a grey border.
  4. Choose Insert

You can then publish your page to see the macro in action. 

Screenshot: specifying a title, border, and background colour in the Panel macro.


Change the macro parameters

Error rendering macro 'excerpt-include'

User 'null' does not have permission to view the page.

Here's a list of the parameters available in this macro. 

Parameter

Default

Description

Panel Title
(title

none

The title of the panel. If specified, this title will be displayed in its own title row.

Border Style
(borderStyle

solid

The style of the panel's border. Accepted values are solid, dashed and other valid CSS border styles.

Border Color
(borderColor


The color of the panel's border. Colors can be specified as HTML color names or hexadecimal codes.

Border Pixel Width (Value Only)
(borderWidth


The width of the panel's border (in pixels).

Background Color
(bgColor


The background color of the panel. Colors can be specified as HTML color names or hexadecimal codes.

Title Background Color
(titleBGColor


The background color of the title row of the panel. Colors can be specified as HTML color names or hexadecimal codes.

Title Text Color
(titleColor


The color of the text in the title row of the panel. Colors can be specified as HTML color names or hexadecimal codes.

Error rendering macro 'excerpt-include'

User 'null' does not have permission to view the page.

Available colors

You can enter the HTML or X11 name for a color such as Fuchsia, Teal, or MediumOrchid, or you can enter hexadecimal values such as #FF00FF#008080, and #BA55D3.  You will need to include the # symbol when entering a hexadecimal value.  See Web colors for general information. 

Other ways to add this macro

Add this macro as you type

Unable to render {include} The included page could not be found.

Add this macro using wiki markup

Unable to render {include} The included page could not be found.

Macro name: panel

Macro body: Accepts rich text.

{panel:title=My title|borderStyle=dashed|borderColor=blue|titleBGColor=#00a400|titleColor=white|bgColor=#72bc72}
A formatted panel
{panel}
tip/resting Created with Sketch.

Do more in Confluence

To further customize panels, check out these apps on the Atlassian Marketplace

  • Panelbox: Create a set of designed panelboxes to display identical topics in the same style, keeping your pages clear and easy to read
  • Panels: Make your intranet more interactive with a customizable panels
Last modified on Jul 14, 2020

Was this helpful?

Yes
No
Provide feedback about this article
Powered by Confluence and Scroll Viewport.