Fobia Admin
Mark Jhonsan
My Profile
Setting
Logout
MAIN NAVIGATION
Dashboard
Page Dashboard
Post Dashboard
Ads Dashboard
UI Elements
Typography
Cards
Buttons
Nav Tabs
Accordions
Modals
List Groups
BS Elements
Pagination
Alerts
Progress Bars
Checkboxes & Radios
Notifications
Sweet Alerts
Components
Range Sliders
Image Carousels
Grid Layouts
Switcher Buttons
Pricing Tables
Vertical Timeline
Horizontal Timeline
Fancy Lightbox
Color Palette
Charts
Chart JS
Morris Charts
Sparkline Charts
Peity Charts
Other Charts
UI Icons
Font Awesome
Material Design
Themify Icons
Line Icons
Flag Icons
Calendar
New
Mailbox
12
Inbox
Compose
Read Mail
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
Widgets
10
Tables
Simple Tables
Data Tables
Maps
Google Maps
Vector Maps
Sample Pages
Invoice
User Profile
Blank Page
Coming Soon
403 Error
404 Error
500 Error
Multilevel
Level One
Level One
Level Two
Level Two
Level Three
Level Three
Level One
LABELS
Important
Warning
Information
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
Range Slider
Fobia
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