Confluence Ui Expand !!exclusive!! May 2026
| Macro | Behavior | Best Use Case | | :--- | :--- | :--- | | | Hides content behind a clickable toggle. | Non-essential details, spoilers, long logs. | | Excerpt | Marks a section of text to be reused on other pages. | Creating a "Summary" that appears on a dashboard. | | Section | Creates horizontal columns (usually paired with the Column macro). | Laying out images side-by-side. |
By mastering the expand macro, you move from being a "content writer" to an "information architect." You respect your user’s attention span by hiding the complexity until it is requested. confluence ui expand
.expand-container .expand-control.open .expand-icon background: url('/images/icons/minus.png') no-repeat; /* Changes open to minus */ | Macro | Behavior | Best Use Case
.expand-control .expand-icon background: url('/images/icons/plus.png') no-repeat; /* Changes chevron to plus */ | Creating a "Summary" that appears on a dashboard
.expand-control background-color: #f4f5f7; /* Light grey instead of blue */ border-left: 3px solid #ffab00; /* Yellow accent border */