Resize Columns in Board view
C
Carl
Can we have ability to change column widths? In Board View the 10+ columns requires us to move slide bar at bottom to view columns to the right. It would be helpful to be able to see all columns on one screen width i.e. 60 inch TV on shop floor for tracking.
Log In
Grzegorz Kowaluk
It would be nice to have possibility to change width of the columns in "Board" view. Sometimes they're very wide, so it's hard to see what's on the right, but sometimes they're very narrow but very long. I'd like to adjust them whenever I need. Thanks!
S
Searchie
It would be really nice to have a double row option per column to reduce vertical scrolling. It's really easy to loose overview when you have 10+ tasks in a column. This could be an option to reduce scrolling. See attachment with one double "column".
S
Stephanie Zang
I need to be able to resize the length of the column when using 2 groups. It makes the column super long even if there aren't tasks to fill it and I have to scroll and scroll to get through my tasks. Kind of makes board view pointless
Avraham Jay
+1 this seems so damn basic.
Click up seems so useful for most things, and then the most basic things it continues to surprise me. Can't move a column width, can't amend a field in one place without it amending the field everywhere (custom field customisations).
Nick Wilkinson
Adding to this request. In my use case I wanted to create an embedded testimonials board for my website but the content just does not display well. Custom column widths, full screen width option, or text wrapping for fields would be great in solving this. Main 2 main issues with this are:
- The field descriptions get cut short and doesn't display
- The field content gets cut short and doesn't display
Tyler Hilsabeck
+1 for needing this feature.
V
Vina Seville
One vote for resizing columns. This will be a great help for us because we have our own preferences.
Sydney
Merged in a post:
Want ability to make columns more narrow
G
Grace S
I have check box columns that are way wider than they need to be. Allow us to just shrink them.
Luci N.
open
Hey, everyone! Thank you for following along on this post and providing your feedback!
To keep everyone informed, we've updated the status of this Canny post to reflect current product initiatives.
This request is still very much on our radar and the ClickUp team will keep this post up to date when we have more to share regarding this feature in the future!
K
Kamal Kumlien
Any updates? This has been in PLANNED state for over 3 years now ; )
My temporary fix via Stylus below. Probably could be simplified but it works for me.
- Change px values depending on your display and preferences
- If needed, change nth-child value from 4 to a different number depending on the number of columns in your board
@-moz-document domain("app.clickup.com") {
.cu-dashboard-board-header-card {width: 350px}
.cu-dashboard-board-header-card .cu-dashboard-board-header-card {width: 100%}
.cu-data-view-group-label__main-title {width: 250px}
cu-board-group-header > div > cu-dashboard-board-header-card:nth-child(-n+4) > div > div.cu-dashboard-board-header-card__title {flex-basis: auto}
.cu-dashboard-board__column {width: 350px}
.cu-panel-board__column {width: 100%}
.cu-dashboard-board .cu-panel-board__column-body {max-width: 100%}
}
Eric Polin
Kamal Kumlien great idea! i have updated the code minorly for 400px columns and header corrections in the new UI.
.cu-dashboard-board-header-card {
width: 400px
}
.cu-data-view-group-label__main-title {
width: 400px
}
cu-board-group-header > div > cu-dashboard-board-header-card:nth-child(-n+4) > div > div.cu-dashboard-board-header-card__title {
flex-basis: auto
}
.cu-dashboard-board__column {
width: 400px
}
.cu-panel-board__column {
width: 100%
}
.cu-dashboard-board .cu-panel-board__column-body {
max-width: 100%
}
.cu-dashboard-board-header-card__title > .ng-star-inserted {
margin-left: -100px;
}
.cu-dashboard-board__group-header-container .cu-dashboard-board-header-card .cu-dashboard-board-header-card {
width: 400px;
}
.cu-dashboard__router-outlet .ng-star-inserted .ng-star-inserted #dashboard-board-container .cu-dashboard-board__content-container .cu-dashboard-board__group-header-container .cu-dashboard-board-SL-group-header .cu-dashboard-board-SL-group-header .cu-dashboard-board-header-card .cu-dashboard-board-header-card .cu-dashboard-board-header-card__title .cu-data-view-group-label .cu-data-view-group-label__cf .cu-custom-fields__header-items-value__dropdown-option {
width: 400px !important;
}
Avraham Jay
Kamal Kumlien .make that 5 years... :-D
Load More
→