Services Plugins FAQs

Custom Scrollbar - New Plugin from Zeroqode

Plugins
#1

hey Zeroqoders
we have published a new plugin - Custom Scrollbar!

Customize the look of the page and repeating group scroll bars. Drop the element on the page (can be hidden) and indicate the IDs of the elements which you want to customize. (Alternatively you can apply the custom scroll through a workflow, for example on a page load) Make sure to enable the option to set custom IDs in your app. Go to your apps’ settings - > General - > Expose the option to add an ID attribute to HTML elements

Here is the demo page:
https://plugintests.bubbleapps.io/custom_scrollbar

Here is the plugin page:

32
322474×1200 137 KB

Levon Terteryan
Founder @ Zeroqode & Bubblewits

let’s stay in touch on twitter!

zeroqode-for-web-160x120

Bubble Templates
Bubble Plugins
Bubble Courses
Convert Web to iOS & Android
No-code Development Services

#2

Hey All,
we have just published an update to this plugin with the following improvements:

  1. Added option to hide RG scrollbar if nothing to scroll,
  2. hide scrollbar of any element by indicating ID (including iframes, but in that case the iframe content will not be scrollable)
  3. fixed the scrollbar width configuration for horizontal scrollbars

Enjoy! :slight_smile:
Levon Terteryan
Founder @ Zeroqode & Bubblewits

zeroqode-for-web-160x120

Bubble Templates
Bubble Plugins
Bubble Courses
Convert Web to iOS & Android
No-code Development Services

#3

As far as I can tell, your demo is no longer working. I can press any button and nothing changes regardless of which browser I’m using. I got it working on Chrome but no other browser.

#4

I see the issue.
Please allow us some time to investigate why it behaves this way…
Regards,
Zeroqode team

#5

If you are using Page HtML then it may be that. That stopped working for me yesterday and I had to use Jarrad’s CSS Tools and add ‘CSS custom style to head’ to get it working again.

#6

I just received reply from the developers. Unfortunately this is not possible with bubble at this moment. So the custom scrollbar should work only in chrome.

#7

Ok. NOt suitable for my users, unfortunately.

#8

Hey…it seems that when a repeating group is set for two columns, and has a custom scrollbar, it reverts to a single column. As soon as I remove the element id of the repeating group from the scrollbar element, two columns appear again.

Anything that can be fixed?

Thanks,

–Ken

#9

Hi Ken, we’ll check it out and let you know asap

#10

So we took a look and discovered that sometimes when we set 3 columns in the repeating group Bubble shows 4. Even when we don’t indicate the ID in the plugin. So might be a Bubble bug?
Just in case, can you share the screenshot of plugin settings?
also it might be worth to file a bug report with Bubble https://bubble.is/bug_report

#11

Hey @levon. I’ve narrowed it down further. If I hide the scroll bars using the plugin, both columns show as desired. I am however, trying to customize the scrollbar rather than hide, which is when only one column shows.

Here’s the desired settings:

26%20AM
26%20AM670×1330 88.2 KB

(Next post will have second screenshot, since I’m only allowed to post one image)

#12

41%20AM
41%20AM658×1454 82.8 KB

#13

Hello, sorry for the delay, we tried to replicate the issue using the same parameters but it works fine for us. Could you give access to your app so we take a look? read-only would be enough
thanks

#14

Hey @levon I needed to get the software released, so when I didn’t hear back I had to go in another direction to deal with the scroll bars. Unfortunately I don’t have anything to share that can help you now as I’ve removed the plugin.

#15

Hey, Ken, no worries, thanks for letting me know

#16

Hi Thanks for this great plugin!
Would it be possible to change the color ? if yes, how to do it ? I can’t see the option in the plug-in.
Best,
Anthony

#17

Hello @lossoanthony

Yes, it should be possible to change the color of the scrollbar. Please be sure the check the demo page: https://zeroqode-demo-04.bubbleapps.io/custom_scrollbar
and the setup: zeroqode-demo-04 | Bubble Editor
There are proprieties options in the scrollbar element which offer possibility to stylize it.

image
image638×966 42.4 KB

hope this helps.
:pray:

Regards,
Dumitru.

#18

Hello, friends! :slight_smile:

We are glad to introduce some great changes in one of the best plugins for visual customizations - the Custom ScrollBar Plugin for Bubble! :tada:

We have added a new cool feature. Now you can hide ANY scrollbar using the “Hide Page Scroll Bar” checkbox (multiline inputs, RGs, dropdowns, etc). :heavy_check_mark:

image

Also, we have redesigned the plugin’s demo page:

image
image1184×428 163 KB

https://zeroqode-demo-04.bubbleapps.io/custom_scrollbar

We hope you like it. :hugs:

#19

Hi @levon @kate We use this plugin a lot and it works well so thank you. One issue we face is when we attempt to use this plugin with repeating groups in a bubble popup (when the popup is not visible on page load). The initial rendering does not take place when you make the popup visible. Only after closing and then reopening the popup does the scrollbar utilize the custom styling. We have attempted to use the workflow component for the customer scrollbar to make the adjustments after the popup is visible but they still don’t get rendered. Is there a way to render the custom style in the scroller on scroll bars inside of a popup that is hidden on page load?

Much thanks in advance.

#20

Hello @rivergalli

Thank you for your message.

I’ll check your request with our developers and our team will investigate the possibility of having a custom-style scroll bar in the hidden element. As soon as I have any news regarding it, I’ll get back to you.

Have a great day :slight_smile: