Access Keys:
Skip to content (Access Key - 0)

panel macro

Overview:

The {panel} macro (one of the standard Confluence macros) creates a customisable panel that allows you to add a title, border and background colour to blocks of content...

The {panel} macro allows you to wrap content in a customised panel with configurable borders, title bar and background colour.

Usage:

The panel is used as follows:

{panel:title=title|borderStyle=style|borderColor=color|borderWidth=width|titleBGColor=color|
bgColor=color}Your Content{panel}

Parameters:

Parameter Required Notes
title If specified, a title bar will be added to the top of the panel and your title will be shown in bold text within it.
borderStyle The border style for the panel, defaulting to dashed

The following border styles are supported by most browsers:
${renderedContent}

Note: Some browsers may not support all of these border styles.
borderColor Defines the colour of the border (if shown) and can be either a common colour name (supported by most browsers) or a hexadecimal colour code (supported by all browsers).
borderWidth Defines the width of the border, if shown, in pixels (default 1px).
titleColor only available from Confluence 3.5
titleBGColor Defines the background colour of the title bar (if shown) and can be either a common colour name (supported by most browsers) or a hexadecimal colour code (supported by all browsers).
bgColor Defines the background colour of the panel and can be either a common colour name (supported by most browsers) or a hexadecimal colour code (supported by all browsers).

Examples

Basic Use

Customised Borders

Title Bar

Customised Title Bar

Customised Background Colour

Highly Customised Panel

Hints and Tips

When changing background colour, please try and keep a contrast between the text and the background so that it is still clearly readable. If required, use the color macro to change the text colour to make it more readable.

Frequently Asked Questions

Where can I get HTML text colour codes from?

Some colour names, such as "grey", don't seem to work in all browsers - why?



Ask questions, get help and report bugs & issues on our Community Site

View old comments


Adaptavist Theme Builder Powered by Atlassian Confluence