Settings
Popup Notification
Message Sound
Generate Report
Email Statement
Invoice PDF
Add Users
Show Sidebar
Sticky Topbar
Main
Dashboard
CRM
E-Commerce
Components
Basic UI
Alerts
Badges
Buttons
Cards
Carousel
Collapse
Dropdowns
Embeds
Grids
Images
Media
Modals
Paginations
Popovers
Progress Bars
Spinners
Tabs
Toasts
Tooltips
Typography
Advanced UI
Image Crop
jQuery Confirm
Nestable
Pnotify
Range Slider
Ratings
Session Timeout
Sweet Alerts
Switchery
Toolbar
Tour
Tree View
Apps
Calender
Chat
Email
Inbox
Open
Compose
Kanban Board
Onboarding Screens
Forms
Basic Elements
Groups
Layouts
Color Pickers
Date Pickers
Editors
File Uploads
Input Mask
MaxLength
Selects
Touchspin
Validations
Wizards
X-editable
Charts
Apex
C3
Chartist
Chartjs
Flot
Knob
Morris
Piety
Sparkline
Icons
Dripicons
Feather
Flag
Font Awesome
Ion
Line Awesome
Material Design
Remixicon
Simple Line
Socicon
Themify
Typicons
Tables
Bootstrap
Datatable
Editable
Foo
RWD
Maps
Google
Vector
Extras
Pages
Basic
Starter
Blog
FAQ
Gallery
Invoice
Pricing
Timeline
Store
Product List
Product Detail
Order List
Order Detail
Shop
Single Product
Cart
Checkout
Thank You
My Account
Authentication
Login
Register
Forgot Password
Lock Screen
Error
Coming Soon
Maintenance
Error 404
Error 500
Widgets
New
English
German
France
Russian
Notifications
Clear all
Product Added
Today, 08:40 AM
Sale Started
Today, 03:45 PM
Kelly Reported
5 June 2020, 02:20 PM
John Resigned
2 June 2020, 11:11 AM
John D
My Profile
Email
Settings
Logout
Range Slider
Home
Advanced UI
Range Slider
Refresh
Basic
Start without params
Min and Max
Set min value, max value and start point
Prefix
Set type to double and specify range, also showing grid and adding prefix "$"
Range
Set up range with negative values
Step
Using step 250
Fractional Step
Set up range with fractional values, using fractional step
Own Numbers
Set up you own numbers
String Value
Using any strings as your values
No Prettify
Big numbers are ugly and unreadable
Prettify
Prettify enabled. Much better!
Seperator
Don't like space as separator? Use anything you like!
Own Prettify Function
You don't like default prettify function? Use your own!
Postfixes
Using postfixes
Max Postfixes
Want to show that max number is not the biggest one?
Both Decoration
Want to show that max number is not the biggest one?
Remove Decoration
Remove double decoration
Own Values Separator
Use your own separator symbol with values_separator option. Like →
Values Separator To
Or " to ":
Hide Visual Details
You can disable all the sliders visual details, if you wish. Like this:
Hide any Details
Or hide any part you wish
Hide From-To Details
And some more
Hide Min-Max & Grid Details
And some more