Is it possible to expand and collapse all gadgets on a dashboard?

[jira_learner]

Hello all,

Just wondering if it is possible to expand and collapse all gadgets on a dashboard?

This function can come in handy when I review my dashboard with the team one gadget at a time. Once everything is set up, I don’t have to expand each gadget individually—I can expand all of them in one go.

[Utkarsh Agarwal · Accepted solution]

Hi @jira_learner 

There used to be a suggestion which was closed due to low engagement: https://jira.atlassian.com/browse/JRACLOUD-24339 

Currently, there’s no bulk expand/collapse, but you can simplify the view by switching to a single-column layout, splitting gadgets across multiple dashboards, or using apps like Rich Filters for tabbed/grouped views as an alternative.

Hope this helps!

Kind Regards
Utkarsh

[Dwight Holman]

No - there is no built-in feature in Jira to do this. Neither could I find a marketplace apps to add this feature.

If have a paid-plan you could make a product suggestion.

[Bernhard Baumgartner]

There's no out-of-the-box solution, but looking at the page I created a bookmark "Jira - Toggle Dashboard Gadgets" that invokes some JavaScript which toggles the gadgets. It's not really elegant, if Atlassian decides to change the markup the script will break and needs adjustment. But even if they change the markup with a future release, it's super simple to adjust the script to whatever HTML they decide to spit out. 

---

EDIT: in the following two code snippets, replace ":" simply with a real colon ":" For very good reasons they do not allow me to trigger javascript functions when you open this page/thread :-)

---

My oneliner bookmark URL atm is as follows:

javascript:(function(){document.querySelectorAll('div[id^="gadget-title"]').forEach((div)=>{const btn=div.querySelector("button");if(!btn){return;}btn.click();});})();

 Beautified version:

1: javascript: (function() {
2:   document.querySelectorAll('div[id^="gadget-title"]').forEach((div) => {
3:     const btn = div.querySelector("button");
4:     if (!btn) {
5:       return;
6:     }
7:     btn.click();
8:   });
9: })();

Explanation:

• Line 2: get all DIVs with an ID starting with "gadget-title" and iterate over them
• Line 3: find the very first button in that DIV
• Line 4-6: check if you found a button in that DIV. Yes you need to check, in the current Jira version I'm getting two DIVs with the same ID for each gadget, see explanation with screenshot at the bottom
• Line 7: if we found a first button in a "gadget-title*" DIV, then let's assume without further checks that it is indeed the expand/collapse button. So let's trigger a click.

Explanation referring to the screenshot below:

1. That's the main gadget DIV
2. We're going after this button, it's currently the first one in the main gadget DIV
3. This is the other DIV with the same ID and the reason why we need to have the check in lines 4-6 in place, otherwise our script breaks on the first gadget it processes.

[jira_learner]

Thank you for the replies. 

I will sort them manually.