I would like to create an auto-scrolling slider module with cards in Gridbox (Balboa). It is a component that:
Contains 3 (or more) cards of the "card" type next to each other horizontally.
Each card contains:
A circle-shaped image (e.g. border-radius: 50%),
A title, a subtitle (age of the child),
A short text description,
A CTA button ("Learn More").
The cards have different background colors at the top (gradient or section break).
The whole thing scrolls automatically (autoplay) horizontally - one group of cards after another.
It supports navigation arrows on the sides (left/right).
The component is responsive (works on desktop and mobile).
I would like to know:
What element in Gridbox (Balboa) to use: Slider, Carousel, Gallery, Repeater, List, or something else?
How to set autoplay (autoscroll)?
How to control the number of visible tabs on the screen and responsiveness?
Is it possible to personalize the tab styles as in the screenshot?
Replies are visible only to logged in members with an active subscription.
