Color Admin | Form Slider + Switcher

Color Admin

- 5
  - Notifications (5)

  - ###### Server Error Reports

    3 minutes ago

  - ###### John Smith

    Quisque pulvinar tellus sit amet sem scelerisque tincidunt.

    25 minutes ago

  - ###### Olivia

    Quisque pulvinar tellus sit amet sem scelerisque tincidunt.

    35 minutes ago

  - ###### New User Registered

    1 hour ago

  - ###### New Email From John

    2 hour ago
  - View more
- Adam Schwartz
  - Edit Profile
  - 2 Inbox
  - Calendar
  - Setting
  - Log Out

- Sean Ngu Front end developer

- Navigation
- Dashboard
  - Dashboard v1
  - Dashboard v2
- 10 Email
  - Inbox v1
  - Inbox v2
  - Compose
  - Detail
- UI Elements NEW
  - General
  - Typography
  - Tabs & Accordions
  - Modal & Notification
  - Widget Boxes
  - Media Object
  - Buttons
  - Icons
  - Simple Line Icons
  - Ionicons
- Form Stuff
  - Form Elements
  - Form Plugins
  - Form Slider + Switcher
  - Form Validation
  - Wizards
  - Wizards + Validation
  - WYSIWYG
  - X-Editable
  - Multiple File Upload
- Tables NEW
  - Basic Tables
  - Managed Tables
    - Default
    - Autofill
    - ColReorder
    - ColVis
    - Fixed Column
    - Fixed Header
    - KeyTable
    - Responsive
    - Scroller
    - TableTools
- Front End
  - One Page Parallax
- Email Template
  - System Template
  - Newsletter Template
- Chart
  - Flot Chart
  - Morris Chart
- Calendar
- Map
  - Vector Map
  - Google Map
- Gallery
  - Gallery v1
  - Gallery v2
- Page Options NEW
  - Blank Page
  - Page with Footer
  - Page without Sidebar
  - Page with Right Sidebar
  - Page with Minified Sidebar
  - Page with Two Sidebar
  - Page with Line Icons
  - Page with Ionicons
  - Full Height Content
- Extra
  - Timeline
  - Coming Soon Page
  - Search Results
  - Invoice
  - 404 Error Page
- Login
  - Login
  - Login v2
- Version NEW
  - HTML
  - AJAX
- Helper
  - Predefined CSS Classes
- Menu Level
  - Menu 1.1
    - Menu 2.1
      - Menu 3.1
      - Menu 3.2
    - Menu 2.2
    - Menu 2.3
  - Menu 1.2
  - Menu 1.3

1. Home
2. Form Stuff
3. Form Slider + Switcher

# Form Slider + Switcher header small text goes here...

#### Default Switchery

Use the attribute `data-render="switchery"` to render the switchery switcher, and use the attribute `data-theme="default"` to set the theme color

##### All Available Options

- theme: `data-theme="default"`
- secondary color: `data-secondary-color="#dfdfdf"`
- classname: `data-classname="switchery"`
- disabled: `data-disabled="true"`
- disabledOpacity: `data-disabled-opacity="0.5"`
- speed: `data-speed="0.5s"`

#### Switchery Theme

Swither | Data attribute
--- | ---
| `data-theme="default"`
| `data-theme="red"`
| `data-theme="blue"`
| `data-theme="purple"`
| `data-theme="orange"`
| `data-theme="black"`

#### Switchery Theme

#### Checked & Unchecked Switchery

checked unchecked

#### Disabled

checked

unchecked

#### State

check state

true

#### Powerange Slider

#### Default Powerange

Use the attribute `data-render="poweranger-slider"` to render the switchery powerange slider.

##### All Available Options

- decimal: `data-decimal="false"`
- disable: `data-disable="false"`
- disableOpacity: `data-disable-opacity="0.5"`
- hideRange: `data-hide-range="false"`
- klass: `data-class=""`
- min: `data-min="0"`
- max: `data-max="100"`
- start: `data-min="null"`
- step: `data-min="null"`
- vertical: `data-vertical="false"`

#### Slider Colors

Available Classes for powerange slider is `red`, `blue`, `purple`, `orange` and `black`.

#### Horizontal Sliders

Set the attribute `data-vertical="true"` in order to render the slider as horizontal view.

##### Color Theme

Header Styling
Header
Sidebar Styling
Sidebar
Sidebar Gradient
Content Styling
Reset Local Storage