Adjust Custom field/Tag/Project field width sizes in task list

Is there a way to lengthen the tag so that labels on the tile/board version of the projects can be more readable. I understand they have a standard length so that there is room for more than 1 tag, but anything more than 3-4 letters and the tag is unreadable until you hover over it - and that is super annoying if you only need 1 tag. Is there a way to make it larger when only 1 tag exists on a card/tile and shorten when another is added to the tile???

I think there is currently no way. The same happens with project tags or custom fields, they can get very smallā€¦

I agree, this is very very annoying. Thereā€™s lots of space in the web app on most screens and the progress field options for example are short words anyway. As a web developer, it annoys me that fields donā€™t snap or at least their width canā€™t be modified. This show work smarter depending on content.

2 Likes

Yea, this is really pretty stupid that you canā€™t change widths. I started paying for Asana to use custom fields and canā€™t even see whatā€™s in them! Incredible ā€¦ Guess I can think of transitioning this stuff to Airtable faster now.

4 Likes

This is also a concern for my organisation, I would love to customize more the custom fields function by first be able to increase the size of width of it.
Thanks for updating this thread as soon as there is some news about this feature :slight_smile:

1 Like

is there some update about this issue?

1 Like

@Marie - Whats the update on Dev status here? Is this actively being worked on?

Hi @Steven_Pesavento and my sincere apologies for the delay in responding to you. Unfortunately, I donā€™t have any update on this topic just yet but Iā€™ve just escalated a task to our Product Team to help highlight this feedback from the Forum. Iā€™ll keep you posted as soon as I have an update on my end!

Thanks for your patience, have a great day!

I created a small script for Stylish. Stylish is a browser extension to customize the CSS. Just install the extension and this small script I wrote: Asana Extended Custom Fields | Userstyles.org
You can click on the ā€œCustomize Settingsā€ button to customize the size of the fields.
Nice small workaround until itā€™s part of Asana.

1 Like

Welcome to the Forum @Simon_Mayerhofer and thank you very much for creating this feature and sharing it with us :raised_hands:t3:

Have a great Friday!!

Can you adjust the width of a column in List View? I have a couple of Custom Fields, but was wondering if you can make some columns wider than others.

5 Likes

At this time we cannot manually adjust the column size in list view. What I do to accomplish this, however, is expand my browser window. The list view will shrink and expand with the width of your browser window.

1 Like

Is this enhancement in your backlog? Am I able to log enhancement requests in your Community area? Resizing my browser window impacts the size of the task name only. My custom field values are still truncated.

11 Likes

This would be a nice enhancementā€¦ we have a few custom fields that need just a hair more width to display the entire custom field value but expanding browser window only adjusts the task title as @Claire_Lundeby mentioned.

8 Likes

@Matt_Hubbard, @Claire_Lundeby, and @Jeff_Maughan ā€”

To get wider columns, you can install my custom styling. It looks like this:

The easiest way to install it (in Chrome browser) is:

  1. Install the Stylish Chrome extension (itā€™s here)
  2. When in Asana, click the Stylish icon in your extensions bar, and find ā€œStreamlined Asanaā€ in the Styles Library tab. If you donā€™t see it, in that list, click ā€œFind more styles for this siteā€ at the bottom. Once youā€™ve located ā€œStreamlined Asana,ā€ click it and install.

Note: Installing this custom style for Asana changes more than just the width of custom field columns (see details here). I think it improves it in a number of other ways, too. If you want to revert to the default Asana styles, you can always deactivate the ā€œStreamlined Asanaā€ style with one click.

5 Likes

Joe,
Unable to install your style. Followed instructions to the letter, but when in Asana and click on Stylish button>FindMoreStylesForThisSite, it opens a new Stylish Window. Clicking ā€œInstall Styleā€ does nothing.
Please advise.
Thank you.

(And shame on you Asana for not fixing this yourselves!)

Hi Matthew - Weā€™re sorry to hear youā€™re feeling frustrated with column width. It sounds like @Joe_Thomas has created a great interim solution! We hope this works for you for the time being. And thanks for your awesome contribution to the Community, Joe!

1 Like

Yeah, this really isnā€™t a feasible work around. Our company, a premium organization, uses Asana but Group Policy Extensions prevent us from using Chrome.

2 Likes

Hi, Matthew. Iā€™m not sure why you were having trouble installing the style. Stylish may have been having issues at the time you attempted install. Try again, and it may work.

As an added bonus, Iā€™ve recently added the option in the ā€œStreamlined Asanaā€ style to bring back hearts! See details and an installation video on my comment here: I liked the hearts better - #53 by Joe_Thomas

1 Like

@Joe_Thomas i tried installing via Chrome as well and after clicking ā€œInstallā€ in Stylish, nothing happens. Thanks