How to always show scrollbar on a repeating group?

[philnauta]

I’d love it if there was a setting on each repeating group where I could say “show scrollbar”. A lot of times, it’s not clear that the group is scrollable, i.e. that there’s more information down below.

And since there’s no quick, native way to add CSS, I’m not sure what to do.

What do you do when you want to make it clear that people should scroll?

[mebeingken]

I’m guessing you are on a Mac, which natively hides scrollbars, while Windows shows them. For consistency across all, I use the Custom Scrollbar - New Plugin from Zeroqode. The result is that on a Mac, the scrollbars now show, the same as Windows, but they are customized to better match the app.

[philnauta]

I saw that plugin, thanks @mebeingken. I just prefer to stay away from plugins when possible. But it is one solution that will work - thanks for sharing!

Anyone else?

[ahaller]

@philnauta we pop some custom code into the HTML header (either on a page or in the app SEO settings). The following code will create a slim scrollbar on any device/OS:

<style type="text/css">
::-webkit-scrollbar {
 width: 2px;
 height: 0px;
}
::-webkit-scrollbar-button {
 width: 0px;
 height: 0px;
}
::-webkit-scrollbar-thumb {
 background: #cccccc;
 border: 0px none #cccccc;
 border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
 background: transparent;
}
::-webkit-scrollbar-thumb:active {
 background: transparent;
}
::-webkit-scrollbar-track {
 background: transparent;
 border: 0px none #cccccc;
 border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
 background: transparent;
}
::-webkit-scrollbar-track:active {
 background: transparent;
}
::-webkit-scrollbar-corner {
 background: transparent;
}
</style>

Andrew
AirDev