Theme-Logo
  • 5
    • Notifications
    • Generic placeholder image
      John Doe

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
    • Generic placeholder image
      Joseph William

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
    • Generic placeholder image
      Sara Soudein

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
  • 3
  • User-Profile-Image John Doe
    • Settings
    • Profile
    • My Messages
    • Lock Screen
    • Logout
Generic placeholder image
Josephin Doe
Generic placeholder image
Lary Doe
Generic placeholder image
Alice
Generic placeholder image
Alia
Generic placeholder image
Suzen
Josephin Doe
Generic placeholder image

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

Generic placeholder image
Navigation
  • Dashboard
    • Default
    • CRM
    • Analytics
  • Layouts
    • Vertical
      • Static Layout
      • Header Fixed
      • Compact
      • Sidebar Fixed
    • Horizontal
      • Static Layout
      • Fixed Layout
      • Static With Icon
      • Fixed With Icon
    • Bottom Menu
    • Box Layout
    • RTL
    • Navigation Light
  • Widgets 100+
    • Statistic
    • Data
    • Chart Widget
UI Elements
  • Components
    • Basic
      • Alert
      • Breadcrumbs
      • Button
      • Box-Shadow
      • Accordion
      • Generic Class
      • Tabs
      • Color
      • Label Badge
      • Progress Bar
      • Pre-Loader
      • List
      • Tooltip & Popover
      • Typography
      • Other
    • Advance
      • Draggable
      • Grid Stack
      • Light Box
      • Modal
      • Notifications
      • PNotify
      • Rating
      • Range Slider
      • Slider
      • Syntax Highlighter
      • Tour
      • Tree View
      • Nestable
      • Toolbar
      • X-Editable
    • Extra
      • Session Timeout
      • Session Idle Timeout
      • Offline
    • Animations
    • Sticky Notes
    • Icons
Forms
  • Forms
    • Form Components
    • Form Add-On
    • Form Advance
    • Form Validation
    • Form Picker
    • Form Select
    • Form Masking
    • Form Wizard
Tables
  • Tables
    • Bootstrap Table
      • Basic Table
      • Sizing Table
      • Border Table
      • Styling Table
    • Data Table
      • Basic
      • Advance
      • Styling
      • API
      • Ajax
      • Server Side
      • Plug-In
      • Data Sources
    • DT Extensions
      • AutoFill
      • Basic Buttons
      • HTML5 Export
      • Col Reorder
      • Fixed Columns
      • Fixed Header
      • Key Table
      • Responsive
      • Row Reorder
      • Scroller
      • Select Table
    • Handson Table
      • Appearance
      • Data Operation
      • Rows & Columns
      • Columns Only
      • Cell Features
      • Cell Types
      • Integrations
      • Rows Only
      • Utilities
    • Editable Table
Charts & Maps
  • Charts
    • Echarts
    • ChartJs
    • List Chart
    • Sparkline Chart
  • Maps
    • Google Maps
    • Vector Maps
    • Google Map Search API
    • Location
Pages
  • Authentication
    • Login
      • With BG Image
      • With Social Icon
      • Social + Header/Footer
      • With Header/Footer
    • Registration
      • With BG Image
      • With Social Icon
      • Social + Header/Footer
      • With Header/Footer
      • Multi Step
    • Forgot Password
    • Lock Screen
    • Modal
  • User
    • User Profile
    • User Card
    • Timeline
  • Utility
    • Error
    • Coming Soon
    • Offline UI
    • Sample Page
Business
  • E-Commerce
    • Product
    • Product List
    • Product Edit
    • Product Detail
    • Product Cart
    • Credit Card Form
  • Invoice
    • Invoice
    • Invoice Summary
    • Invoice List
  • Job Portal
    • Job Details
    • Job Find
    • Job Panel View
Applications
  • Chat
  • Email
    • Compose
    • Inbox
    • Read Mail
    • Templates
      • Welcome
      • Reset Password
      • Newsletter
      • App Launch
      • Activation
  • Task
    • Task List
    • Task Board
    • Task Detail
    • Issue List
  • To-Do & Notes
    • To-Do
    • Notes
  • Social
    • Wall
    • Messages
  • Calendar
    • Full Calendar
    • CLNDR
Extensions
  • Gallery
    • Gallery Grid
    • Masonry Gallery
    • Advance Gallery
  • Search
    • Simple Search
    • Grouping Search
  • WYSIWYG Editor
  • Image Cropper
  • File Upload
  • Change Logs
Other
  • Menu Levels
    • Menu Level 2.1
    • Menu Level 2.2
      • Menu Level 3.1
    • Menu Level 2.3
  • Disabled Menu
  • Landing Page
Support
  • Documentation
  • Submit Issue

Range Slider

lorem ipsum dolor sit amet, consectetur adipisicing elit
  • Advance Components
  • Range Slider
Basic Range Slider
lorem ipsum dolor sit amet, consectetur adipisicing elit
Basic Range Slider

Use id="ex1" to see default rating

Range selector Slider

Use id="ex2" to see default rating

€ 10 € 1000
Range handles Slider

Use data-slider-id="RC" id="R" data-slider-handle="square" to color handles rating

R

G

B

Destroy Instance Slider

Use id="ex5" to see default rating

Bind to 'slide' JQuery event on slider

Use id="ex6" to see default rating

3
Enabled and Disabled.

Use id="ex7" to see default rating

Static Tooltip.

Use id="ex8" to see default rating

Decimal value Slider

Use id="ex9" to see default rating

Setting custom Icon.

Use id="ex10" to see default rating

Using a custom step interval.

Use id="ex11" to see default rating

Coloring.

Use id="ex12a", id="ex12b", id="ex12c" to see default rating




Using tick marks and labels.

Use id="ex13" to see default rating

Using tick marks at specific positions.

Use id="ex14" to see default rating

With a logarithmic scale.

Use id="ex15" to see default rating

Focus the slider.

Use id="ex16a" and id="ex16b" to see default rating



Unusual tooltip positions

Use id="ex17a" to see default rating

Accessibility with ARIA labels

Use id="ex18a" and id="ex18b" to see default rating

Auto-Register

Use id="ex19" to see default rating

automatically turns it into a slider

Use id="ex21" to see default rating

Using tick marks at specific positions..

Use id="ex23" to see default rating

Vertical Slider

Use id="4" to see default rating