MARKETPLACE
PLUGINS
ADVANCED RANGE SLIDER
Advanced Range Slider logo

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
157 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Mind For Apps logo
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

Categories

This plugin can be found under the following categories:
Mobile   β€’   Productivity   β€’   Media   β€’   Ecommerce   β€’   Data (things)   β€’   Input Forms

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!
Bubble logo
Product
AI
Mobile
Design
Data
Logic
Collaboration
Security
Status
Release notes
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Pricing
Learn
Academy
Technical guides
Blog
How to build
Coaching
Resources
Connect to AI
Marketplace
Templates
Plugins
Experts
Bootcamps
Certification
Partnerships
Affiliates
Figma to Bubble
Community
Bubble community
Forum
Newsletter
Immerse
Early access
Store
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
Β©  2026, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales