Templates Plugins Courses

Custom Scrollbar - New Plugin from Zeroqode


#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:


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:

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


#12


#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