Grid list (cards) with horizontal scrollbar

[WimDC]

Hi,

In an another post, I saw this video from @Joyce : Rory - Grid list

Very nice and responsive, but for my project I would like to have the cards displayed in 1 (= ONE) row but with a horizontal scrollbar if there are more cards than the width of my screen/phone.

I want to display the birthdays of some people in the current month; this can be only 1 card but also 15 cards. It would be nice to show max. 4 cards on 1 row BUT have the user the option to swipe (scrollbar) to see the other cards.

Is this possible with Weweb / Data-grid?

[Agustin_Carozo]

Hi Wim

You’re can start exploring a solution for this by using a regular grid, nesting it inside a div and making that div a certain fixed width (bigger than the screen width) and then making it’s overflow: scroll

[WimDC]

Hi @Agustin_Carozo ,
I didn’t think of adding “overflow:scroll” to the css-box. Thanks for the suggestion and this works.

I only see the little arrows (left-right and up-down) in case there is no overflow. Can this made be hidden if there’s no overflow? CSS ?