Remove scrollbar from Repeating groups in Bubble

If you're looking for a clean interface, you might have tried removing the scroll-bar of your Repeating groups.

Your first try would have been to make the Repeating groups as External vertically scrolling. And that is a great solution for most cases. If you'd like a better and a cleaner looking solution, you should use some CSS.

Setup

Install a free plugin called Classify. This plugin allows you to add CSS to your Bubble app and reference it to elements. Make sure that you have enabled the option in your settings to add an ID attribute. If you don't know if you've enabled it or not, go to Settings > General > General appearance. Check the Expose the option to add an ID attribute checkbox.

Double click the Repeating group and scroll down to the bottom to find an input for the ID attribute. Paste this over there - myGroup{addClass: "scrollClass"}

Now add an HTML element on your page (from the Visual element section) and put this code in the element

Now hit preview and you won't have the scroll-bar.

Preview - https://nocodeassistant-tutorials.bubbleapps.io/version-test/testimonials

Editor - https://bubble.io/page?type=page&name=testimonials&id=nocodeassistant-tutorials&tab=tabs-1

Honest Bubble.io Review - the most user-friendly and powerful app builder?

Bubble is an amazing platform to build your business. It’s easy to use and can be up and running in a very short time. However, there are some limitations to what Bubble can do. Get an honest review of the pros and cons of Bubble.io.

NocodeAssistantHimanshu Sharma

3 proven tips to make your Bubble.io app searches faster today

Learn how to solve the problem of a slow app (without upgrading your server). 1. Use privacy rules 2. Reduce nested searches 3. Avoid advanced filters

NocodeAssistantHimanshu Sharma

If you need some help with your Bubble app or a team of Bubble developers to build a Bubble app for you, reach out to me at [email protected]. You can also follow me on Twitter.