Versions Compared

Key

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

Use the UI Steps macro to show content as numbered blockssteps to make instructions clear and organized. The look of the macro may differ depending on your Confluence editor’s version. The macro setup works the same.

...

rw-ui-stepstabs-macro
rw-step

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.

Rw step

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.

Rw step

Vulputate dignissim suspendisse

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.

Add UI steps macros to a page

This solution consists of an outer macro which is a container for inner macros (the individual steps). In the example above, we created one UI Steps macro that contains three UI Step macros.

  1. In the Confluence editor’s top menu, click + > View more or Other macros.

  2. Find and select the UI Steps (with an -s) macro.

  3. Inside the UI Steps macro, place as many UI Step (without an -s) macros as you want. Click Insert > View more or Other Macros and select the UI Step macro. Add content below each UI Step bar.

Info
While
tab
titleIn native Confluence
Step macroImage Added
Rw tab
titleOn a Refined site
step-macro-ch.jpgImage Added
Info

In addition to Refined Toolkit, we offer Refined Sites – a fully-fledged site builder for Confluence and for Jira Service Management. Create documentation sites, intranets, help centers, and more.

Add steps to a page

  1. Hit the / key or click the + in the editor toolbar.

  2. Find and select the Refined Step Container macro.

  3. Place a Refined step macro inside the container, and add content under it. Repeat this step to create multiple steps.

Info

Although all steps are numbered 1 in the Confluence editor, they are numbered correctly when publishedon the published page.

In general, we don’t support adding third-party macros within the step macros. One exception is the EazyBI macro: see which settings are needed to achieve this.

Limitations

Due to Atlassian limitations, smart links within steps are shown as the full URL on the published page. We suggest adding links to text instead.