Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
4,365,266
Community Members
 
Community Events
168
Community Groups

implementing an "expand all" option on your Confluence page

I was frustrated by the lack of options I was finding when I searched the community for a way to give users a one-click method for expanding all collapsed sections on a Confluence KB page (on an FAQ page, for example), so when my tech team solved the problem for me, I thought I'd share it with you all.

The key is to use the UI Expand macro for the collapsible sections (I had been using the Expand macro). Then you add an HTML macro to the page with script like this:

<script language="JavaScript"> function expandUI(){ var a = document.getElementsByClassName("rwui_expandable_item_title rwui_expand"); for (let i = 0; i < a.length; i++){ a[i].click(); } } </script> <input type="button" value="Expand All" onClick="expandUI();">

Our page starts off with the sections all collapsed. When the user clicks the button created by this HTML macro, all of the collapsed sections expand.

Works perfectly!

5 comments

Thomas Schlegel Community Leader Jul 16, 2019

Hi @Diane G ,

thank you for sharing the solution - but please be aware of the potential security risk you take by enabling the html macro. 

A user can enter any html with this macro, maybe harmless, maybe not.  

I would always put such a script into a user macro and publish this user macro instead of the html macro.

Like # people like this

How to you find the "Expand All" macro to install in confluence?

Like Jessica Martin likes this

Wondering if on UI expand marco is expanded and the other is not. Is there a way to have one button that opens them all and closes them all ? 

Like # people like this

Any modifications to the HTML above to Expand all of the "Expand" Macros on the page?  We want to enable all the FAQs on one page to expand using this button.

At the very least I wish you could set the expand box to autoexpand on load so that search can work.

It's a pity that searching the page (browser search) can't find things in collapsed sections.

Comment

Log in or Sign up to comment
TAGS

Atlassian Community Events