Confluence Ui Expand -

Mastering the Confluence UI Expand Macro: A Guide to Organized Content The Confluence UI Expand macro is a powerful tool designed to keep pages clean and organized by hiding detailed information behind clickable headings . By using this "expand/collapse" functionality, you can improve page scannability, ensuring that readers aren't overwhelmed by long blocks of text while still having access to deep-dive details when needed. How to Insert an Expand Section Adding an expandable section to your Confluence page is straightforward, whether you are using Confluence Cloud or Data Center. Enter Edit Mode : Navigate to your page and click Edit (or press E ). Use the Slash Command : Type /expand directly on the page and select the Expand macro from the dropdown menu. Alternative Method : Click the + (Insert) icon in the toolbar, select View more , and search for "Expand". Set a Title : Click where it says "Give this expand a title..." and enter a descriptive heading. This is what users will click to reveal the content. Add Content : Type or paste your detailed information into the body of the macro. This can include text, images, or even other macros like tables. Publish : Click Publish or Update to save your changes. Best Practices for Using UI Expands While the expand macro is useful, it should be applied strategically to maintain a high-quality user experience. Use Descriptive Titles : Avoid generic labels like "Click here". Use specific titles like "View Technical Requirements" or "Step-by-Step Instructions" so users know exactly what they are opening. Prioritize Main Content : Do not hide essential information that everyone needs to see. Use expands for supporting data, FAQs, or lengthy logs. Avoid Over-Nesting : While you can nest expands within tables, excessive nesting can make a page difficult to navigate, especially on mobile devices. Indexing & Search : Content inside an expand macro is still indexed by Confluence search, meaning your hidden content remains discoverable even when collapsed. Advanced UI Expand Tips Can I embed the expand macro inside a Confluence table?

/expand command or the macro browser and supports nesting, offering a clean UI for detailed information. Read the official documentation for the full guide at Atlassian Support . AI can make mistakes, so double-check responses Copy Creating a public link... You can now share this thread with others Good response Bad response 3 sites Insert the expand macro | Confluence Cloud - Atlassian Support Using the Expand macro * When editing, select from the toolbar or use the slash command ( / ). * Find the Expand macro in the list... Atlassian Support How to use expand / collapse sections in Confluence Cloud Oct 24, 2024 —

Based on your request, it seems you are looking for how to create expandable/collapsible content sections (often called a "spoiler" or "collapse" macro) in Confluence. Here is a guide on how to use the Expand macro in the Confluence UI, along with some tips for customization.

How to Add an Expand Section in Confluence The process differs slightly depending on whether you are using the New Editor (Cloud) or the Legacy Editor . Method 1: New Editor (Confluence Cloud) This is the most common method for modern Confluence instances. confluence ui expand

Place your cursor where you want the expandable section to appear. Type /expand and press Enter (or select Insert > Other macros > Expand ). A grey box will appear. Click inside the box where it says "Expand title..." to name the header (this is what users click to open it). Click inside the body area to add your content (text, images, tables, or even other macros). Click outside the macro to finish.

Method 2: Legacy Editor (Server/Data Center)

Place your cursor on the page. Select Insert > Other Macros from the toolbar. Search for "expand" and select it. Enter a title in the "Expand Title" field. Click Insert . Add your content inside the macro body. Mastering the Confluence UI Expand Macro: A Guide

Pro Tips for the Expand Macro

Nesting Expands: You can place an expand macro inside another expand macro. This is great for deep hierarchies of documentation or FAQs. Default State: By default, the macro is always collapsed when a user loads the page. There is no native UI setting to make it expanded by default without user scripts or plugins. Content Types: You can put almost anything inside an expand macro, including tables, images, code blocks, and Jira issue reports.

Advanced: Styling the Expand UI (CSS) Many users want to change the look of the expand macro (e.g., color, font, icon) because the default grey style blends in. Since Confluence Cloud limits global CSS, you usually need a third-party app (like Content Formatting Macros or Aura ) or use the HTML macro in specific scenarios. Common customizations requested: Enter Edit Mode : Navigate to your page

Changing the color: To make the header stand out (e.g., blue instead of grey), you typically need a stylesheet macro plugin. Changing the icon: Swapping the arrow icon for a plus sign or a custom image.

Troubleshooting: "I can't find the Expand option" If typing /expand doesn't show the macro: