Bigger Sidebar or Ability to open a wide view

Hi Asana guys,

It’s a shame such an important feature is still missing; so many people have asked for it and have simply been ignored. It’s a daily headache for most of Asana users…

:frowning:

2 Likes

I’m really surprised that the left panel with the list of projects, saved customs searches, etc. cannot be resized/expanded. It seems like such a basic functionality - and the community has been asking for it for 6 years. For every one person who has commented or voted for this, there are likely hundreds who are suffering in silence. What’s it going to take to get this change implemented?

3 Likes

I know it isn’t ideal, but if you’re using Chrome, you can download an app like Amino or User Javascript & CSS and modify this yourself by adding the following CSS as a rule:

.AsanaMain-sidebar {
    width: 320px; //adjust this to the width you prefer
}

.AsanaMain-sidebar.AsanaMain-sidebar--isCollapsed {
    display: none;
}

It won’t enable you to resize things dynamically, but it has helped us in the meantime.

1 Like

Thanks Skyler, this is an excellent solution for the Web App, but unfortunately it does not work in the desktop app.

I think it’s mind-boggling that Asana has not implemented this minor feature after all these years.

1 Like

@Ari2 — Yeah, the desktop app won’t let ya inject custom CSS into it without doing it manually each time. I used Chrome’s ability to turn a web app into a separate desktop feature to strike a balance between both worlds.

For anyone curious about how to do that, from Asana in Chrome:

  1. Click on the three dots in the upper right corner next to your name
  2. Hover over More tools
  3. Click Create shortcut…
  4. Name the app whatever you want it to be called (e.g. “Asana”)
  5. Check the box that says “Open as window”

Now you have a pseudo-desktop app saved on your computer you can use that still works with Chrome extensions and such. Note that it won’t work offline.

Asana Chrome to Desktop App on Mac

1 Like

Similar to Skyler’s workaround here, I made some bookmarklets that pop out and collapse the sidebar with the click of a bookmark button (also only works in the browser).

Here’s my explainer post on another thread

Here’s where you can try the bookmarklets

1 Like

I am also finding this frustrating to work with.
Why has this not been implemented yet?
It’s particularly surprising as the functionality is clearly already in the app…
If you go and select (on Mac) : View / Toggle Developer Tools … another pane pops up and you can click, drag an resize to your heart’s content! …a bit galling to be honest.
Why can’t you just include this (pretty basic) functionality in the main window?

2 Likes

The fact that this thread is 5 years old and there’s still no official solution tells a worrying story about Support. I’ve just moved to Asana after a few years away on other solutions (not by choice) and the fact that the basics like custom sidebar widths are not a feature is a worrying sign.

When I checked the support pages I noted Asana’s own support screenshots on the Sidebar have a larger string length than actual.

Question for anyone at Asana, do you use Skylar’s bookmarklet to take Knowledge Base screenshots or do you have a different solution for this problem?

6 Likes

+1 to this. Makes it unnecessarily frustrating to navigate between projects.

2 Likes

Is there any update on this simple feature request that has been my biggest annoyance with Asana for years?

It is a huge usability issue but such a minor thing programmatically to resize the sidebar, or at least give options of its size, (dare I say make it resizable).
@Rebecca_McGrath

1 Like

Pleeeeease add this function. All of our projects have long names, many of which have the same first few characters. We need to be able to adjust the width of the sidebar.

1 Like

I’m trying myself so hard not to move away from Asana but this is a big issue for me as well.

First being able to see the full project names is a huge problem, second there is no great way to see your full teams project list without creating a portfolio for it. You can see maybe 5 items and then everything else you have to click “show more” on. I just with there was a better view of the sidebar, and as everyone else said at least a way to widen it so I can see which of my projects are which.

Welcome, @Drew_Jackson1,

Sorry to hear that.

Just in case you weren’t aware, you can click on any Team name and open a Team page where 1) all of its projects are listed with no truncation, and 2) no “show more” links required to see all of them.

This is much easier, I feel, than a portfolio, and it never needs your manual syncing to keep updated when projects are created in or removed from the team.

Hope that helps a bit,

Larry

It is wild that you are engaging with this sorting feature idea I don’t see any of this engagement on the issue that people are asking for! lol all we get is a “thanks! but we have no plans to address your concerns.”? bleak yall.

my company uses chrome and and we used to be able to just run an site specific styling extension where we could have some custom css applied only to asana allowing us to expand the bar (maybe if you’re using a different browser you could still rig something like this… but we shouldn’t have to!) Now that option. o longer worked bc they’re fixed? :frowning: atleast allow us to alter the width on our own browsers! is it that you’re super insistent on your interface? 17 characters for projects isn’t enough. and we here have never used the sidebar as shortcuts its main nav my dudes! does anyone else use the project view as she described? would much rather stick with the accordions in the side bar.

is there anyway you can help us out code wise/CSS wise/browsers settings wise (no way were zooming out to 10% to peak beyond the sidebar) that we can apply in a website specific styling browser extension that will allow us some flexibility here? yall changed it. you gotta acknowledge that at least.

please weeeeeeeeeeeeeeeeeeeneed-yor-elp

How on earth is this not being addressed. Asana is great. The ONLY problem that everyone in our team has is the width of the sidebar.

Look at the size of this thread. Why is no one addressing this? And no, I don’t want to click on Portfolio, I don’t want to click on the Team and then the project, etc. I just want to see the name of the project in sidebar of a reasonable width. 240px is insanely small for someone that works in Asana all day on a large screen, flicking between a lot of projects.

Suggestion: will someone from the development team please tell us:
a) why it’s impossible to do
b) why it’s possible to do, but won’t do it
c) when it’ll be done

I love Asana, but this sidebar is ridiculous. Surely someone at Asana, using Asana to manage Asana, will know this?

2 Likes

If you go here:

In one of the screen grabs there is a team called “Customer appreciation event”
It shows up perfectly.

If I go to my Asana account I enter that team name, it appears like this:
“Customer appreciati”

You seem to have a wider sidebar. How come?
Why can’t your customers have a wider sidebar?

1 Like

Left sidebar is very narrow & cuts off text of some projects that are even just 2 words. The ability to choose a few different size options would be great.

Good news everybody!

It seems like this feature is coming with the new sidebar design!
You can simply click and drag to change the width of the sidebar to almost double the width :star_struck:

Thank you Asana team, keep up the great work :muscle:

Original:

Maximum:

2 Likes

Hi,

Our project names are quite long, and we can’t see the projects in the sidebar.

Is there any way to adjust the sidebar?

Ideally, it would be awesome to drag it left to right and adjust as necessary.

As a quick fix - is there a way you can modify the pages source code / html in our browser to modify the width of the side bar?

Sam

For anyone who searches and finds this topic, I solved the solution by doing the following:

  1. Download “User CSS” Google Chrome Extension
  2. Open Any Asana page
  3. Right click / inspect (in chrome)
  4. Copy and paste CSS code into the extension USER CSS
  5. Search for any 244px and replace with 400px (or any size that you need to get a wider sidebar)
  6. Turn On
12 Likes