Hello fellow Bubblers!
We have recently published a new plugin and would like to share this news with you:
πππ©ππ‘πππ π₯ππ‘ππ π¦πππππ₯
Easy to use, flexible and responsive range slider with skin support
Description:
Advanced Range Slider β cool, comfortable, responsive and easily customizable range slider
Supports events and public methods, has flexible settings.
With this plugin you will be able to build beautiful range sliders.
Key features:
- Cross-browser: Google Chrome, Mozilla Firefox 3.6+, Opera 12+, Safari 5+, Internet Explorer 8+
- Skin support. 6 beautiful skins included + ability to set custom colors for each theme
- ny number of sliders at one page without conflicts
- Two slider types: 1 or 2 handles
- upport of negative and fractional values
- Ability to set custom step and connect it to grid
- Support of custom values diapason
- Customisable grid of values
- Ability to disable any UI elements (like grid)
- Postfixes and prefixes for your numbers ($20, 30 β¬)
- Additional postfix for maximum value (eg. $100+)
- Prettify large numbers (eg. 1000000 β 1.000.000)
- Slider supports disable param. You can set it true to make slider inactive
- Slider supports external methods (update and reset) to control it after creation
- Slider has events: onStart, onChange, onFinish, onUpdate.
- Supports touch-devices (iPhone, iPad, Nexus, etc.).
- Can be disabled at any time
- Numbers can be formatted as dates and time
.
Installation:
- Install the plugin. Place the βππΌπππ ππππΏππβ from elements to wherever part you need.After that, the slider will be ready to work.
- Then you can customize the slider to suit your needs.
Demo:
For detailed connection and demo information, visit the plugin demo page at
There you can go to the editor (OPEN EDITOR).
Plugin page:
Need help adjusting your new application? Our Plugin and Template customers receive a 20% discount for all our Design and Development work.
Contact Jay at contact@mindforapps.com
Support
And if you have any questions, reach out to us at support@mindforapps.com
We appreciate your reviews and suggestions.
Cheers
Jay | Mindforapps
2 Likes
Very nice - might have a look. But you forget the most important link:
Oh yes, you are absolutely right.
I also added a link to the plugin page in the header.
Thank you.
Hi all!
Slider update v 1.0.1
Changes only for type βDoubleβ
- Added the ability not to separate the βfromβ and βtoβ labels, but to show one common label, which will be displayed between the βfromβ and βtoβ handles
The data will be displayed as {prfix}{from}{values separator}{to}{postfix}
parameters from the section βPRETTIFY NUMBERSβ are used
- Also, when using one common label for βfromβ and βtoβ, it is possible to display the result of simple mathematical operations where the current values of βfromβ and βtoβ act as variables
- You can add prefix (action prefix) and postfix (action postfix) to the result of mathematical actions
The data will be displayed as {action prfix}{math action resuit}{action postfix}
parameters from the βUI CONTROLβ section are used
.
.
Simple example:
There is a 24 hour range.
You need to show the number of selected hours (between βfromβ and βtoβ inclusive).
1 Like
Hello @MindForApps
I am using your plugin since past few weeks
Itβs working as expected Nice Job
However when i try to use update_slider action in the workflows
It throws an error can you please resolve it
Thanks
Here is an error
The plugin Advanced Range Slider / action update_slider a ππΌπππ ππππΏππ threw the following error: TypeError: Cannot read properties of undefined (reading 'update')
at eval (PLUGIN_1678025092751x568259582726242300/Advanced-Range-Slider-element_action--------------------------update_slider-.js:3:4773)
at https://pairingcapital.bubbleapps.io/package/run_debug_js/9f9a7709a531e0dc9f9b1875492665627c4f90429553610ff49720cf9c12de9a/xfalse/x28/run_debug.js:481:675 (please report this to the plugin author)
Hello!
Unfortunately, I canβt reproduce this error in our test application.
It looks very much like you are trying to access the slider (performing the update action) before the slider itself is loaded.
Please give more information.
What are the plugin settings?
What data are you passing to the βupdate_sliderβ action?