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.
Live example
| rw-ui-expandstabs-macro | ||||||||
|---|---|---|---|---|---|---|---|---|
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.
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.
In the Confluence editor’s top menu, click + > View more or Other macros.
Find and select the UI Expands (with an -s) macro.
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 |
|---|
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 added third party macro support if this is critical to you. |
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
...
|
Add expands to a page
Hit the
/key or click the + in the editor toolbar.Find and select the Refined Expand Container macro.
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.