The allows you to hide content behind a toggle. Instead of deleting verbose information, you "collapse" it until the reader needs it. This article provides a full technical and practical breakdown of how to use, customize, and troubleshoot the Expand macro in Confluence (Cloud, Data Center, and Server). 1. What is the Expand Macro? (The UI Perspective) In the Atlassian ecosystem, "UI Expand" refers to the visual component that creates a horizontal blue bar containing a heading and a chevron icon (▶). When clicked, the chevron rotates (▼) and reveals a hidden panel of content.
.expand-control background-color: #f4f5f7; /* Light grey instead of blue */ border-left: 3px solid #ffab00; /* Yellow accent border */ confluence ui expand
.expand-control .expand-icon background: url('/images/icons/plus.png') no-repeat; /* Changes chevron to plus */ The allows you to hide content behind a toggle
When a page requires users to scroll past three pages of legal disclaimers, a massive database schema, or a detailed changelog to find the "Save" button, you lose user engagement. This is where the macro becomes an essential tool for every Confluence admin and content creator. When clicked, the chevron rotates (▼) and reveals
Introduction: The Battle Against the Scroll of Death In any Confluence environment—whether you are documenting API specifications, building a knowledge base, or managing project retrospectives—there is a common enemy: information overload .