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.

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.

There are two ways to add a macro to a page:

• 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.

Events

You can programatically listen for events on this macro.

They're triggered with AJS.trigger() and can be subscribed to using AJS.bind.

AJS.bind('event/name', function(){....});