Kanban Cards Need To Be More Compact

That’s a significant improvement ! Thanks for sharing !!

1 Like

Highly appreciate your contribution, Nathan

Scott, how do you pin the Kanban to your chrome?

I’d still really like more Kanban compactness. And the titles still need to wrap to multiple lines. I’m sorry, i came back two years later to check out the kanban view again and it’s still unusable. I’m starting to regret moving my team from airtable to Trello.

2 Likes

Hi Nathan -
It seems that Stylish extension collects user browsing history (https://robertheaton.com/2018/07/02/stylish-browser-extension-steals-your-internet-history/)? Granted I read one article that seems to suggest that and it’s from 2018. Also saw some other articles saying it’s banned. (https://arstechnica.com/information-technology/2018/07/stylish-extension-with-2m-downloads-banished-for-tracking-every-site-visit/)

Any thoughts if this is still the case?

Cheers,

I just had a conversation with my VP of Engineering and this is a show stopper for him. So - please add my +1 to allow much more compact views of the Kanban cards. Not just font size but perhaps showing up to 3 fields on a single line?

5 Likes

Adding my +1 here. This seems like a very low effort high impact feature. Add me to github and I’ll finish it by tomorrow

2 Likes

Adding my +100000 for the ability to hide field labels in Kanban view: creates a far better aesthetic for clients, makes the cards easier to use and allows one to fit in more content. I switched from Knack - good decision except for this one glaring omission. Really essential. And +1 for wrapping, although I work round this by creating calculated truncated fields with ellipses - if people want the whole text, they can click through to the record.

1 Like

Reducing font size in Kanban view, and Kanban view in IOs would both be very very helpful. thanks.

The solution here could be reducing font size, or for Airtable to wrap lengthy text onto multiple lines. As it stands now, Airtable cuts off lengthy text throughout the entire product line (kanban views, calendar views, charts, linked record fields, gallery views, and so much more).

1 Like

I’m the biggest proponent of Airtable you will meet. I’ve overhauled two orgs to run our prod and eng teams using it as our foundation but the inability to make kanban usable is shocking. We are trying to use Airtable in lieu of Jira but since you can’t decipher cards in kanban, it’s made this very difficult.

Nathan’s tweak worked for me but it’s not working anymore! Help! Starting look at Coda and Notion to pivot if this continues to fester.

1 Like

Is anyone else having issues with this as of late? It worked beautifully before but it doesn’t work on my end lately.

1 Like

Kanban view needs an urgent enhancement on this. Even zooming out doesn’t solve anything, because everything zooms out. The columns and cards get thinner as the font gets smaller.

1 Like

The original UserScript doesn’t seem to work any more, however I have been able to replicate the behavior along with some other changes to the cards’ styling. For more see the respective topic: (UserStyle) neat kanban

1 Like

+1 to Kanban titles need to have the functionality to be more than one line, or smaller text size. It’s pretty unusable at the moment. I would rather use a grouped grid view than have a very short limit on kanban titles, so effectively I dont’ have a Kanban view available to me on Airtable right now.

Which in turn makes me curious about the competitors people are mentioning in this thread…

2 Likes

EDIT

I just saw the post from Heracles which has a better loking solution than mine, but I’ll leave it up if someone is looking for the simplest fix.

END EDIT

I’ve struggled with this issue trying to use the Kanban board - also coming over from Trello.

I wanted to increase the width of columns using CSS, but they’re all absolutely positioned with JS, making it impossible to edit with CSS only. I tried modifying the positions with JS, but the order of the elements in the DOM isn’t the same as the one shown, which makes it a nightmare to do, and I don’t have more time to put on this.

I settled on an easy CSS adjustment that simply lets the titles wrap. It’s not perfect and it makes some card paddings a bit wonky, but it works to show more title information.

For those that would like to add the custom CSS with an extension (I use Amino), here it is:

.huge {
    font-size: .9rem;
}

.px2 {
    padding-left: 0.3rem;
    padding-right: 0.1rem;
}

.truncate {
    white-space: normal !important;
    text-overflow: unset !important;
}

This post is related - Gallery view also needs customization options … e.g. hiding field names.

[Hide field names in Gallery View]

+1 for allowing to show multiple lines for any field (e.g. I have a Formula field and the output shows only one line.)

Also - have seen many people to use concatenated text fields using formula (myself included). The concatenated fields are formed so that the text shows in the cell nicely (e.g. the field width and text is entered so that the multi-line text breaks in the right way and the resulting text shows in the cell the way I want it to show.

kan2

In Kanban and Gallery view the text would show as one line string.

I am asking here a lot - because I am sure the answer will be - “well this is a database not a word document”, so that’s fine, but if Airtable Kanban and Gallery view is more configurable, Airtable would be unbeatable.

A small correction to the CSS so the truncation only applies to cards, and not to views shortcuts.

.huge {
    font-size: .9rem;
}

.px2 {
    padding-left: 0.3rem;
    padding-right: 0.1rem;
}

.galleryCardPrimaryCell.truncate {
    white-space: normal !important;
    text-overflow: unset !important;

}

Can we please get some updates on this issue?

Is there a particular reason why Airtable doesn’t allow us any control over formatting? As simple as aritable is to do some cool stuff, every single airtable feature has way too much padding making it very hard to create tight views. Just look at tables, forms, kanbans, they all have tons of cell padding.

I would argue that for most data sets, the data itself is self explanatory, showing the field label in a kanban should be optional. We should be able to set the padding on the cells to make cards more compact. I can also see a case for having more than one row of kanban stacks (maybe you can have multiple stacks on the page and when you hover over them, they enlarge so you can scroll through the cards and grab what you need).