What is UI Steps?

UI Steps is a set of macros that displays content in a step by step manner.

Live Example

Welcome to RefinedToolkit, a free app for Confluence by RefinedWiki

Go to Atlassian Marketplace: Refined Toolkit for Confluence Server or use the UPM in Confluence to install RefinedToolkit (also, learn more on installation here: Installation.

Edit any page in your Confluence and add the macros that are included to make the layout appealing.

Using UI Steps

To add the UI Steps macros to a page

In the Confluence editor, choose Insert > Other Macros.

Find and select UI Steps.

Within the UI Steps macro, insert a UI Step macro, one for each step on your list.

Speeding up macro entry with autocomplete: Type { and the beginning of the macro name, to see a list of suggested macros.

To edit an existing macro

Click the macro placeholder and choose Edit.

A macro dialog window will open, where you can edit the parameters of the macro.

UI Step macros need to be contained by a UI Steps macro.

Parameters UI Steps

Parameter	Default	Description	Version
Size	medium	small, medium, large	2.0

Examples

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Content

Space Tools

What is UI Steps?

Live Example

Using UI Steps

To add the UI Steps macros to a page

To edit an existing macro

Parameters UI Steps

Examples

Content

Space Tools

Breadcrumbs

UI Steps

What is UI Steps?

Live Example

Using UI Steps

To add the UI Steps macros to a page

To edit an existing macro

Parameters UI Steps

Examples