Versions Compared

Key

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

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

Live example

Rw ui expands macro
Rw expand
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

...

expands 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 macrosHit the / key or click the + in the editor toolbar.

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

  3. Inside the UI Expands this 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 Refined Expand macros as needed.

Info

In general, we don’t support adding third party macros within the UI Expand(s) macros. As we continually work on improving our apps, please let us know your suggestions for if you need added third party macro support if this is critical to you.

Edit the

...

macro

Macro parameters determine the behaviour of a macro. To change the macro parameters, click the macro Click the macro > the Pencil icon to edit the macro’s settings.

Parameter

Description

Title

Expanded

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