Need help to get horizontal scroll-bar into Kanban board

[geo.jens]

Hi.

I have a CSS problem related to Web formatting of a Kanban board (a Kanban board is a set of side-by-side columns containing cards, which may be moved between columns).

My problem is that if the columns do not fit the width of a window, they move under each-other, instead of introducing a horizontal scroll-bar (which is what I want).

I put the HTML / CSS in this fiddle: https://jsfiddle.net/jens_dk/123doksn/1/

I have the idea, that the question should be simple to answer, but despite spending several hours on it, I have not been able to fix it myself.

Can someone help me, please?

Regards,
Jens

[Shikkediel]

You could just give .kanbanboard a fixed width of 1500px?

[geo.jens]

Hi. Thanks. I have a dynamical number of column, but found out how to update the width using jQuery dynamically to 310* #of columns (310 as opposed to 300 to make room for the margins). Thanks again.
Jens

[kiselev]

Hello geo.jens

can you please share your solution here?
is ti possible to wrap it as a chrome extension?

I am scratching my head on the same problem now.

Thank you !

[kiselev]

Thank you !

[Author]

Posts