Repeating Group arrows

Hi there!

How can I add arrows on each side of a 1 row Repeating Group so that when someone clicks on either arrow the repeating group will scroll horizontally accordingly?

I would also like to hide the arrow if there’s nothing more to scroll to… thanks in advance!

Have a good day!

It’s simple… here’s an example:

Scrolling RG (bubbleapps.io)

thank you @adamhholmes ! appreciate it!

may I ask how can I make it so that if I scroll it using trackpad rather than arrows, the arrows still behave accordingly? (for example, if I scroll using a trackpad all the way to the left, the right arrow isn’t clickable. or, if I click one of the arrows in the middle of scrolling, it takes on from there and continues to scroll and not begin all the way from the beginning?)
thanks in advance!

You can ask… but it gets complicated…

I don’t have a working example to share, but I’ve made it work before this way.

Basically you’ll need some way to determine the current scroll position of the RG and keep the custom state values synced with that.

I suggest you take a look at the ScrollSpy plugin to handle this - [Plugin Announcement]: Scrollspy - Showcase - Bubble Forum I’ve used this plugin before to do just this (although it was quite a while ago, so I don’t remember exactly how I did it).

1 Like

thank you very much @adamhholmes !

This topic was automatically closed after 70 days. New replies are no longer allowed.