πŸš€[new plugin] ADVANCED RANGE SLIDER

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


.

renge_slider

Installation:

  1. Install the plugin. Place the β€œπ™π˜Όπ™‰π™‚π™€ π™Žπ™‡π™„π˜Ώπ™€π™β€ from elements to wherever part you need.After that, the slider will be ready to work.
  2. 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

Image 184

range_slider 0

  • 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

range_slider

1 Like

Hello @MindForApps
I am using your plugin since past few weeks
It’s working as expected Nice Job :clap:

However when i try to use update_slider action in the workflows
It throws an error can you please resolve it

Thanks :+1:

Screenshot 2024-01-20 at 00.41.34

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?