nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

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

Benjamin Blackswan

Hello all,

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

Screenshot 2025-07-17 100714.png

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.

Accepted answers

Utkarsh Agarwal

Hi @Benjamin Blackswan

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

All comments

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.

Utkarsh Agarwal

Hi @Benjamin Blackswan

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

Hope this helps!

Kind Regards
Utkarsh

Benjamin Blackswan

Thank you for the replies.

I will sort them manually.

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 "&colon;" 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&colon;(function(){document.querySelectorAll('div[id^="gadget-title"]').forEach((div)=>{const btn=div.querySelector("button");if(!btn){return;}btn.click();});})();

Beautified version:

1: javascript&colon; (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:

That's the main gadget DIV
We're going after this button, it's currently the first one in the main gadget DIV
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.

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

jira

cloud

jira-cloud