☑ Customizable Toggle - New Plugin from Zeroqode

[Anastasija]

This plugin gives you a wide variety of toggle customization. It is possible to set the color HEX for both - check and uncheck positions. In addition, to define border width as well as its style and even color. Also, it is possible to configure the handle color and what’s more to set the toggle size you need.

Live demo: http://zeroqode-demo-24.bubbleapps.io/customizable_toggle

DEMO & DOCUMENTATION
Customizable Toggle | Plugin for Bubble by Zeroqode

SUPERCHARGE YOUR APP WITH ZEROQODE PLUGINS
No-Code App Plugins for Bubble | Zeroqode

Anastasija Volozaninova
Executive Assistant @ Zeroqode
#1 Bubble Publisher and Developer

130+ Bubble Templates
25+ Bubble Courses
300+ Bubble Plugins
Convert Bubble app to iOS & Android
No-code Development Services

[setyfo.kvn]

Great I just bought the plugin and big surprise it doesn’t work =( I couldn’t find the doc, apparently there is one… it does not load the initial value of the field

[kate]

Hi, @setyfo.kvn.
Thanks for reaching out and for the plugin purchase.

I have just checked the plugin demo page and it seems like the plugin works normally. I presume the issue might be in your use case setup.

Would it be convenient for you to provide more details on your use case to let me do some research?

Thanks

[setyfo.kvn]

Hi, of course, here:

in screenshot, the configuration of the toggle which is located in a popup, when the popup is active it returns the value “yes” but the toggle remains on “no”
on the other hand, when changing the value, it works well but when the default value is displayed, it remains on “no”

[kate]

@setyfo.kvn , thanks for the details.

I’m afraid, your use case is still not clear to me. I have tried to recreate a similar use case of yours but the plugin seems to work as expected still.

Can you please be more specific and in detail describe your use case? A short video record with a visualization of your setup and how to reproduce the issue will be much appreciated.

My attempt to recreate your use case is here:

Summary

1. I have a Customtoggle A on a page with 2 conditions for background off and on which depend on the toggle custom state value
2. I have a checkbox that changes the toggle custom state value (yes/no) (this custom state is a simulation of your Publicites premium custom state)
3. when I activate the checkbox, toggle’s state value is yes → Customtoggle element’s “Background on” appears green, as per the set condition. And the opposite, when the toggle’s state value is “no”, the “Background on” color is red

Thus, it is expected from the plugin element that when the toggle’s state value is YES, the “Background ON” is green. At this time, when the toggle’s custom state value is NO, the “Background ON” is a default color.
The same way is for the “Background OFF” - when the toggle’s state is NO, its color is red; while when the toggle’s state is YES its color is the default one.

In motion:
Loom | Free Screen & Video Recording Software

To let me help you with this, please provide a bit more explanation of your use case.
Thanks

[setyfo.kvn]

Thank you for your feedback, here is a video of my problem, as you can see the star indicates a status in db at “yes” and when the popup is opened the toggle is at “no”

kDrive

[kate]

@setyfo.kvn ,

Thanks for the video! Let me please try to recreate your case and discuss it with our plugin developer. I will get back to you shortly.

Thanks.

[kate]

Hello, @setyfo.kvn. Thanks a lot for your patience

We have updated the plugin with the “Default value” feature. This checkbox allows you to address to it when you need to show the YES or NO value of the toggle, depending on the input (for example, saved in the database value).

Please upgrade your plugin to the latest version and give it a try (1.3.0).

For your particular use case, after the plugin update, you will just have to set the “Background ON” color to green, “Background OFF” to red (Screenshot by Lightshot), and change a bit your condition to this:

In motion, it looks like this:

Hope it helps!