Versions Compared

Key

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

The UI Expand expand macro helps you keep your pages compact, by dividing information let you organize content into expandable items. The look of the macro may differ depending on your Confluence editor’s version. The macro setup works the same.

...

rw-ui-expandstabs-macro
rw-expandtab
titleExample 1

This is a first example paragraph.

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.

Rw expand
titleExample 2

This is a second example paragraph.

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.

Add UI Expands and UI Expand macros to a page

This solution consists of an outer macro which is a container for inner macros (the expendable items). In the example above, we created one UI Expands macro that contains two UI Expand macros.

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

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

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

Info

Please note that it is not possible to add third party macros into the UI Expand(s) macros.

Edit the UI Expand macro

Macro parameters determine the behaviour of a macro. To change the macro parameters, click the macro > the Pencil icon.

...

Parameter

...

Description

...

Title

...

In native Confluence
Expand macroImage Added
Rw tab
titleOn a Refined site
expand-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 expands to a page

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

  2. Find and select the Refined Expand Container macro.

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

Edit the macro

Click the macro > the pencil icon to edit the macro’s settings.

Setting

Description

Title

expanded

Check this box if the item should be expanded by default.

Limitations

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