The UI Steps macro shows content as numbered blocks.
Example
In this example, we created one UI Steps macro that contains three UI Step macros.
| Rw ui steps macro | |||
|---|---|---|---|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Risus at ultrices mi tempus imperdiet nulla. Tortor consequat id porta nibh. Donec ultrices tincidunt arcu non. Enim nunc faucibus a pellentesque sit amet porttitor eget dolor. Sem fringilla ut morbi tincidunt augue interdum velit. Sit amet aliquam id diam. Risus at ultrices mi tempus imperdiet nulla malesuada pellentesque elit. In pellentesque massa placerat duis ultricies lacus sed. Arcu bibendum at varius vel pharetra vel turpis nunc.
Natoque penatibus et magnis dis parturient. Nec ultrices dui sapien eget mi proin. Diam quam nulla porttitor massa id neque aliquam. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Vitae sapien pellentesque habitant morbi tristique. Elementum nibh tellus molestie nunc non. Fringilla est ullamcorper eget nulla facilisi etiam dignissim. Nulla facilisi nullam vehicula ipsum a arcu cursus vitae congue. Blandit cursus risus at ultrices mi tempus imperdiet. Arcu non sodales neque sodales ut etiam sit amet. Dui vivamus arcu felis bibendum ut. Et tortor consequat id porta. Cursus euismod quis viverra nibh. Libero enim sed faucibus turpis in eu mi. Integer vitae justo eget magna fermentum iaculis eu. Quis enim lobortis scelerisque fermentum dui faucibus in. Sit amet porttitor eget dolor morbi non. Etiam non quam lacus suspendisse faucibus interdum posuere lorem ipsum.
Vulputate dignissim suspendisse in est ante in nibh. Gravida cum sociis natoque penatibus et magnis. Aliquet enim tortor at auctor urna nunc id cursus. Sit amet risus nullam eget felis. Vel risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. A pellentesque sit amet porttitor eget dolor morbi. Ultricies tristique nulla aliquet enim tortor at auctor. Porttitor leo a diam sollicitudin tempor. Etiam tempor orci eu lobortis elementum nibh tellus molestie. Eu volutpat odio facilisis mauris sit amet. Sem integer vitae justo eget. Aliquet risus feugiat in ante metus. A erat nam at lectus urna duis convallis convallis tellus. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Lobortis elementum nibh tellus molestie nunc non blandit massa. |
Add the UI Steps macro to a page
This solution consists of an outer macro which is a container for inner macros (the expendable items). First, add a UI Steps (with an -s) macro. Inside the UI Steps macro, place as many UI Step (without an -s) macros as you want.
...
Type { plus the macro’s name. Select the macro from the dropdown list.
In the Confluence editor’s top menu, click + > Other macros and search for the macro.
Settings
To change the macro’s settings, click the macro > Edit.
Setting | Description | Available since Toolkit version |
|---|---|---|
Size | The size of the number in front of each step: small, medium, or large. | 2.0 |
Events
You can programatically listen for events on this macro.
...