No problem,
Yes, as with many things in bubble, there are trade offs to a no code solution.
-
you can set the initial value of your custom state to 1 or whatever number your starting position is. That way you will be adding index# to the starting position.
-
You can easily do this with a vertically scroll group as well. e.g. if you have a RG
displaying the first 6 entries, simply set your starting index to 3, and add 3 for each click.
It’s not the best for responsiveness, but RG in generally aren’t and a popular solution seems to be to have several RG’s and switching between them for different resolutions.
The best solution I’ve found for the scrollbar, is to remove the scrollbar. From a user perspective this makes most sense since there’s no need for two inputs resulting in the same thing. You will still run into the issue when the user scrolls on a mouse however. So it’s not perfect.
You can remove it with CSS. I’m a big fan of @julienallard1 Classify plug in. It makes it’s super easy to add CSS.
I set up an example of the above here for you. I’ve added some conditionals on the buttons to disable them at certain points for a better user experience.
Editor
Example