Dashtreme Admin
12
You have 12 new messages
12
Jhon Deo
Lorem ipsum dolor sit amet...
Today, 4:10 PM
Sara Jen
Lorem ipsum dolor sit amet...
Yesterday, 8:30 AM
Dannish Josh
Lorem ipsum dolor sit amet...
5/11/2018, 2:50 PM
Katrina Mccoy
Lorem ipsum dolor sit amet.
1/11/2018, 2:50 PM
See All Messages
14
You have 14 Notifications
14
New Registered Users
Lorem ipsum dolor sit amet...
New Received Orders
Lorem ipsum dolor sit amet...
New Updates
Lorem ipsum dolor sit amet...
See All Notifications
English
French
Chinese
German
Sarajhon Mccoy
mccoy@example.com
Inbox
Account
Setting
Logout
Menu
Dashboard
eCommerce
Human Resources
Digital Marketing
Property Listings
Services & Support
Logistics
UI Elements
Typography
Cards
Buttons
Nav Tabs
Accordions
Modals
List Groups
BS Elements
Pagination
Alerts
Progress Bars
Checkboxes & Radios
Notifications
Sweet Alerts
Components
UI Icons
Font Awesome
Material Design
Themify Icons
Line Icons
Flag Icons
Tables
Simple Tables
Data Tables
Mailbox
Inbox
Compose
Read Mail
Calendar
Range Sliders
Image Carousels
Grid Layouts
Switcher Buttons
Pricing Tables
Vertical Timeline
Horizontal Timeline
Fancy Lightbox
Color Palette
Charts
Chart JS
Apex Charts
Sparkline Charts
Peity Charts
Other Charts
Widgets
Static Widgets
Data Widgets
Forms
Basic Inputs
Input Groups
Form Layouts
Form Advanced
Form Uploads
Form Validation
Form Wizard
Form Editor
Authentication
SignIn 1
SignUp 1
SignIn 2
SignUp 2
Lock Screen
Reset Password 1
Reset Password 2
Sample Pages
Invoice
User Profile
Blank Page
Coming Soon
403 Error
404 Error
500 Error
Range Slider
Dashtreme
Components
Range Slider
Setting
Action
Another action
Something else here
Separated link
Range Slider
Start without params
Set min value, max value and start point
Set type to double and specify range, also showing grid and adding prefix "$"
Set up range with negative values
Using step 250
Set up range with fractional values, using fractional step
Set up you own numbers
Using any strings as your values
One more example with strings
No prettify. Big numbers are ugly and unreadable
Prettify enabled. Much better!
Don't like space as separator? Use anything you like!
You don't like default prettify function? Use your own!
Using prefixes
Using postfixes
Whant to show that max number is not the biggest one?
Taking care about how from and to values connect? Use decorate_both option:
Remove double decoration
Use your own separator symbol with values_separator option. Like →
Or " to ":
You can disable all the sliders visual details, if you wish. Like this:
Or hide any part you wish
And some more
And some more