Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Spectrum Formatting Macros will always help you to organize and navigate different contents within a single container but now tabs, horizontal and vertical navigation, custom progress bar and "visual" page status are manageable on a cloud version

...

MacroDescriptionScreenshots
SP Tab Group Family
SP Tabs Group

This macro allows you to add a Tab container. It regroup a set of SP Tab macros.

Parameters:

Color : dropdown, standard Confluence Theme chosen as default.

Use outline CSS: Boolean, used to inverse color.

Body:

Status
colourGreen
titleTRUE

View Mode of SP Tabs group and SP Tab Pane macros within its body

Image Removed

Image AddedScreenshot 1


Edit mode of SP Tabs group and SP Tab Pane macros within its body

Image RemovedImage Added

Screenshot 2


SP Tab Pane

This macro allows you to add a Tab pane within SP Tabs Group macro.

Parameters:

Name: String, Tab pane name

Body:

Status
colourYellow
titleFALSE


Warning

In new Confluence Cloud page editor, it's not allowed to nest bodied macros.

Originally, SP Tab Pane has a rich content body in order to put into it content to be displayed when selecting/clicking the tab.

Since Atlassian changed its editor (more details about editor changes), we changed how this macro works.

Tab content must be added under macro itself as displayed in screenshot 2.

SP Tabs Group will parse content encapsulated between Tab Pane macros. Macro content is defined as content that has a macro on its top and a new tab pane macro.

SP Horizontal Group Family

SP Horizontal nav group

This macro allows you to add a Horizontal nav group container. It regroup a set of SP Horizontal nav item macros.

Parameters:

Color : dropdown, standard Confluence Theme chosen as default.

Use outline CSS: Boolean, used to inverse color.

Body:

Status
colourGreen
titleTRUE

View Mode of SP Horizontal nav group and SP Horizontal nav item macros within its body

Image Added


Screenshot 3

Edit Mode of SP Horizontal nav group and SP Horizontal nav item macros within its body

Image RemovedImage Added

Screenshot 4

SP Horizontal nav item

This macro allows you to add a panel.

Parameters:

Name: String, required, panel name.

Body:

Status
colourYellow
titleFALSE


Warning

In new Confluence Cloud page editor, it's not allowed to nest bodied macros.

Originally, SP Horizontal nav item has a rich content body in order to put into it content to be displayed when selecting/clicking the tab.

Since Atlassian changed its editor (more details about editor changes), we changed how this macro works.

Tab content must be added under macro itself as displayed in screenshot 4.

SP Horizontal nav Group will parse content encapsulated between SP Horizontal nav item macros. Macro content is defined as content that has a macro on its top and a new SP Horizontal nav item macro.

SP Vertical Group Family

SP Vertical nav group

This macro allows you to add a Vertical nav group container. It regroup a set of SP Vertical nav item macros.

Parameters:

Color : dropdown, standard Confluence Theme chosen as default.

Use outline CSS: Boolean, used to inverse color.

Body:

Status
colourGreen
titleTRUE

View Mode of SP Vertical nav group and SP Vertical nav item macros within its body

Image RemovedImage Added

Screenshot 5


Edit Mode of SP Vertical nav group and SP Vertical nav item macros within its body

Image RemovedImage Added

Screenshot 6


SP Vertical nav item

This macro allows you to add a panel.

Parameters:

Name: String, required, panel name.

Header: String, used to add a header as section name before this panel name.

Body:

Status
colourYellow
titleFALSE


Warning

In new Confluence Cloud page editor, it's not allowed to nest bodied macros.

Originally, SP Vertical nav item has a rich content body in order to put into it content to be displayed when selecting/clicking the tab.

Since Atlassian changed its editor (more details about editor changes), we changed how this macro works.


Tab content must be added under macro itself as displayed in screenshot 6.

SP Vertical nav Group will parse content encapsulated between SP Vertical nav item macros. Macro content is defined as content that has a macro on its top and a new SP Vertical nav item macro.

Page state macros
SP Page status

With Page status macros you can add a status to your confluence page.

Four status are set (Draft, Action required, Official or Outdated).

Only user who has page edit permission can change page status within this macro.

To change status, it's simple, just choose the edit icon beside the page status.

Parameters:

Additional text: String, used to add text under status box.

Width: String, specify custom width. Example: 400px or 50%.

Hide "marked by": Boolean, hide the element "marked by user".

Image RemovedImage Added

SP Progress bar

With a custom progress bar you can link your page to a process step.

Parameters:

Steps: String, required, specify custom steps. Example: step1, step2, step3, step4

Choose current step: List, required, choose current step number.

Background gray: Boolean, set a gray background.

Image RemovedImage Added


Macro edit mode:

Image Removed

...

Image Added