Forum Academy Marketplace Showcase Pricing Features

How do you get rid of vertical scrollbar

My repeating group is fine until you reach a certain amount of records, and there’s too many for one screen. Then a vertical scroll bar appears.

Image 2020-08-25 at 4.19.14 pm.png

I have Layout Style set to Full List so I thought that would do the trick, but alas, it doesn’t seem to.

Image 2020-08-25 at 4.26.52 pm.png

Hope someone can help is it makes my page look really bad :frowning:

I believe you can get rid of it with CSS. I think I’ve seen some forum posts about it.

Otherwise, there’s a plugin for repeating group scrollbars to change color etc. You can make it transparent using that plugin.

Tal
nocodify.com

1 Like

I will checkout for plugins Tal. Hopefully it isn’t too expensive. Thanks for the pointer.

I believe it’s a free plugin! :slight_smile:

You’ll need to use CSS for that.

  1. Install Classify plugin (free).
  2. Add an ID attribute to your RG - myGroup{addClass: “scrollClass”}
  3. Put a HTML element on the page and copy paste this code

brave_ErsRaKfCYw
I have a different setup that is working over here -

1 Like

You can give your repeating group an ID and hide the scrollbar putting this CSS into an HTML element on the page:

<style>
#yourID::-webkit-scrollbar { display: none; }
#yourID {
-ms-overflow-style: none;
scrollbar-width: none;
}
</style>

3 Likes

Hey there @julienallard1 ! any idea on how to remove the scrollbar from the whole page, not just a RG?

Thanks!:slightly_smiling_face:

Perhaps you could replace #yourID by “body, html”