ADVANCED RANGE SLIDER

Advanced Range Slider

Published April 2023

    •    Updated this month

Plugin details

𝗔𝗗𝗩𝗔𝗡𝗖𝗘𝗗 𝗥𝗔𝗡𝗚𝗘 𝗦𝗟𝗜𝗗𝗘𝗥
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:
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: 
https://plugin-preview-mapael.bubbleapps.io/version-test/advanced_range_slider

Plugin Page:
https://mindforapps.com/plugin_details/advanced-range-slider

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 [email protected]

Support
And if you have any questions, reach out to us at [email protected]

We appreciate your reviews and suggestions.

$25

One time • Or $5/mo

4.8 stars   •   6 ratings

158 installs  

This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Mind For Apps

Joined 2018   •   33 Plugins

View contributor profile

Instructions

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.

Types

This plugin can be found under the following types:

Element   •   Event   •   Action

Resources

Support contact

Documentation

Tutorial

Rating and reviews

Average rating (4.8)

Need Help

May 5th, 2025

I need help with the external control as I am having a hard time to find the input new value plugin action. Please help 

Sorry to hear that you are having trouble configuring the plugin. If you want to change any inputs or other parameters, you need to use the "update_slider" action, where you can specify new values ​​or changed parameters. You can see an example on our demo page in the "EVENTS" section.
If you have any questions, please contact us at: [email protected], where we can answer your questions in more detail.
Thank you. (plugin author)

May 5th, 2025

•

Mind For Apps

Very flexible

February 23rd, 2024

It has a lot of nice features and customizations. What I found it lacking is the option to hide all the texts and labels (which you can technically do by setting the font and/or other related sizes to 0 but it will not affect the heigh of the whole element, in other words the labels will not be visible but there will be empty space in their place). Would be nice to have a simple toggle for this to hide these elements but also to collapse them for the responsive engine.

Thank you for your high rating. We are very pleased that you like our plugin.
Please note that in order to hide text and labels there are several settings:
"grid" - enables/disables the value grid;
"hide min max" - hides "min" and "max" labels;
"hide from to" - hide "from" and "to" labels;
Using this you can get a clean slider without any text or labels. (plugin author)

February 26th, 2024

•

Mind For Apps

Hey. Yes I was able to do all that but the issue is that I have some empty space on top of the slider (where elements I hid previously were). A simple collapse of this empty space will make this plugin perfect.

March 6th, 2024

•

Original reviewer

Please update the plugin to version 1.0.6
Now, when you hide labels, the height of the slider also changes. (plugin author)

March 8th, 2024

•

Mind For Apps

Update_slider works

January 22nd, 2024

5 stars - Very fast response from dev team - Thanks a lot

Update_slider A RANGESLIDER Throws an error

January 22nd, 2024

When i try to use Update_slider Action it always throws error, Can you please resolve it ?

Plugin Author resolves this issue
Very fast resposne
Thanks a lot - 5 stars

January 22nd, 2024

•

Original reviewer

Best range slider out there by FAR.

November 15th, 2023

Professional-looking, highly customisable and extremely easy to implement. I literally had this up and running in 5 minutes. It looks really professional and works great. There are so many options for customisation that you can make it look and behave exactly as you need it to. Well done!