Dashboard, how do I hide the dashboard selector on the left

Peter Drier April 25, 2012

the selector for

https://xxxx.jira.com/secure/Dashboard.jspa on the left side of the screen takes up ~100 pixels wide by the height on the broswer.. Incredibly wasteful considering the dashboards dropdown in the header has the same options.

Can I hide the selector and make the dashboard go full wide, like it does when I only have 1 favorite dashboard?

8 answers

1 accepted

1 vote
Answer accepted
Peter Drier October 15, 2012

Every day I get the following e-mail:

---

The following questions of yours are still unresolved:

Please consider one of the following actions:

  • Accept an answer (click the grey check mark)
  • Answer your own question, then accept your answer (find the 'Answer my own question' link underneath your question)
  • Edit your question for clarification
  • Add a comment for more information from an existing answer
  • Close the question, if it's invalid

Please be a good Answers citizen!

Accepting answers on resolved questions earns you Karma points, and increases the chances that Answers' top contributors will answer your future questions. If your question is still legitimate and you'd like to await further answers, please do!

---

This is VERY annoying, considering there is no valid "answer" to my question.. It's a valid question, there is no answer, and it does not need clarification.. It needs Atlassian to do some development work to fix it.. So WTF am I to do?

Peter Drier May 26, 2014

After 6 months of these e-mail reminders.. I'm freaking annoyed with answers.. there is no good answer to this question..

Joris Hehenkamp September 11, 2018

Drag the dashboard menu to the left, over the other one and/ or press the border of it on the right (line becomes blue).

3 votes
JBennett May 19, 2018

I all. I've tried this in JIRA 7.9 and it no longer works :-( Is there some other code that can achieve this? Thanks.

kyona August 1, 2018

Hi @JBennett,

yes, it is possible to use another code without javascript (since javascript is no longer allowed in announcement banner due to security reasons) to hide dashboard selector panel from the dashboard (this panel is shown in case when user has more than one favourite dashboards)

I used following code (prefer this way over javascript) and it works for me in old (6.4.12) and new Jira (7.6, 7.11) versions, put it in announcement banner:

<style>
/* HIDE DASHBOARD LEFT PANEL WITH FAVOURITE DASHBOARD LINKS*/
#dashboard > .tabs.vertical {
  border-right: 0px !important;
}
#dashboard > .vertical.tabs {
    width: 0px !important;
}
#dashboard > .vertical.tabs + #dashboard-content {
    margin-left: 0px !important;
}
/* REMOVE BANNER TOP PADDING*/
#announcement-banner {
    padding: 0px !important;
}
</style>

Hope this answer will help other people ;)

Kliinnglills

Like # people like this
Chris Penny August 23, 2018

Is this code something you can use in your personal environment or does this have to be done at the JIRA installation level? If personal environment, where do I make this change?

 

Thanks!

kyona August 24, 2018

This code should be pasted by Jira Administrator to the announcement banner of the Jira instance via menu Administration -> System ->Announcement Banner (so, no changes on Jira installation level are needed)

Robert Leachman May 10, 2019

Thanks @kyona that works nicely! 

@Chris Penny I think the choices are either system-wide via the Announcement Banner, or use an add-on like Chrome Stylebot. The latter works well for me and doesn't impact anyone else.

Like Chris Penny likes this
3 votes
Matt Dujnic May 20, 2015

Atlassian is very good at twiddling the icons and dashboard pie chart cosmetics, but not so great with actual functionality. Alas.  Alassian.

However, I have a sort-of solution that may work for you.  Even if you're OnDemand.

1) Write down all of your dashboard favorites

2) Then, delete all of your favorites, except for one that you use 90% of the time.

3) Then, go into Administration -> System -> Announcement Banner

4) Use the "link" markup to create hard-links to all of your (former) favorite dashboards

5) Voila.  No leftnav favorites.  All of them linkable as a new top nav

This only works if you have an org where you are a "JIRA Runner" that needs everyone to use basically the same handful of dashboards.  It's not for everyone!

So... total hack, but it happens to work for my company.

MJD

3 votes
Vadim Ippolitov December 26, 2012

This code works well for me on Jira 5.1 in Firefox, Chrome and IE 9:

AJS.$(window).load(function() {
  AJS.$("ul.vertical").remove();
  AJS.$("#dashboard").attr("class", "dashboard");
});

I've placed the code in in the existing <script> tag in file "secure/views/dashboard.jsp". No Jira restart is required, just refresh the page. Changes will be lost after Jira upgrade.

Vadim Ippolitov December 26, 2012

And yes, it's also for standalone Jira only. But works better than what @Jamie Echlin suggested.

Greg Hoggarth June 23, 2014

I mis-read what you said here, thought it said that Jamie's solution was better so kept trying to use his...

Anyway, I found that if you use this code in Jira 6.2, when you click on Manage Dashboards, the navbar on the left that has the links for Popular, Search, Favorite etc is hidden as well.

So this code fixes that:

AJS.$(window).load(function() {
  if (AJS.$("#filter_type_table").length == 0)
    AJS.$("ul.vertical").remove();
  AJS.$("#dashboard").attr("class", "dashboard");
});

Greg Hoggarth June 23, 2014

Actually the above script also hides the navbar in the Manage Filters page. So this new script below should only affect the Dashboard screen:

AJS.$(window).load(function() {
  if (AJS.$("#dashboard").length &gt; 0)
  {
    AJS.$("ul.vertical").remove();
    AJS.$("#dashboard").attr("class", "dashboard");
  }
});
dclas July 30, 2014

By adding this code snippet to a <script> element in the global announcement banner (Administration -> System -> Announcement Banner), the favorites list is hidden without any direct file modification.

Well, at least in 6.3 standalone

Greg Hoggarth July 31, 2014

See my replies above, David, my last one dated Jun 23 at 10:59pm fixes the problem of favourites being hidden; only the dashboard nvabar will be hidden using this last version of the script.

Timothy Bennett June 24, 2015

Does this hide the dashboard navbar locally only, or is this a Jira-wide change? It would seem that going through the announcement banner might be jira-wide, but a script would be a local-only? Thanks!

Vadim Ippolitov July 5, 2015

Timothy, placing the script into the dashboard.jsp (as I initially suggested) affects only the dashboard page, obviously. I haven't tried to place it in the Announcement Banner, so can't comment on that.

2 votes
UrmasK January 26, 2015

This is really annoying. Atlassian team should remove this. It's really, really pointless. I agree with you! Woul like to see Atlassian's reply on this.

2 votes
Phil Knoll May 9, 2014

I rid myself of that column by removing all favorited dashboards so that I now have only one dashboard.

Verify dashboard singularity @

  • "Dashboards" > "Manage Dashboards" > "Favorites"
  • "Dashboards" > "Manage Dashboards" > "My"
1 vote
Tiffany Owen
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
December 3, 2019

There is a free add-on that allows you to hide the dashboard side menu. :) https://marketplace.atlassian.com/apps/1215141/collapsible-dashboard-sidebar?hosting=server&tab=overview

Mako Sysadmin October 5, 2020

That add-on is not free unfortunately, but seems it would solve this exact problem!

Tiffany Owen
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
October 5, 2020

The add-on used to be free, but it looks like the vendor now charges for it, unfortunately. :( But yes, we use the add-on and it works perfectly!

Like Mako Sysadmin likes this
0 votes
JamieA
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
April 25, 2012

Just a partial answer, but if you put this js somewhere, eg web resource context or announcement banner, it will do most of what you want:

AJS.$("#dashboard ul.vertical").hide()

AJS.$("#dashboard-content").css("position", "static")

It doesn't work quite right though, the frame behind is still in the old position. Also you will need a button/link to bring back the vertical tabs. Really, what they need is a slider like you have in fisheye/confluence.

JamieA
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
April 25, 2012

Oh, this is ondemand? In that case forget my answer.

Peter Drier October 9, 2012

Yea, on demand, thanks though.

Suggest an answer

Log in or Sign up to answer