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

ParameterDefaultDescriptionVersion
Sizemedium small, medium, large2.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.


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.


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.


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.