form advanced
  1. Dashboard
  2. forms
  3. form-advanced
Bootstrap Select boxes

Just add bootstrap-select-min.js and same css & add class .selectpicker

Select 2

Select2 for custom search and select

Bootstrap Select boxes with colored button

Just add button class in data-style like data-style="btn-warning btn-outline"

Switchery (Basic)

add the following line class="js-switch" data-color="#13dafe" to your input element.

Switchery (sizes)

You can add data-size="small",data-size="large" to your input element for different sizes.

Switchery (secondary color)

add the following line class="js-switch" data-color="#13dafe" to your input element.

Checkbox Square

Bootstrap brand colors, use checkbox

Checkbox Circle

Add simple checkbox-circle class

Checkbox Disable

use disabled in input tag for disable state

Radio Buttons

With bootstrap colors, use radio class.

Radio Clickable

All buttons clickable

Radio Disable

use disabled in input tag for disable state

Bootstrap Switches
Input Tags

Add data-role="tagsinput" to your input field & its automatically change it to a tags input.

Select Tags

You can also use select multiple to your input field.

Input Group Tags

You can also use group tag data-role="tagsinput" to your input field.

Tags
Bootstrap TouchSpin

Use the data-plugin="touchSpin" to create a Bootstrap style spinner.

Multiple Select (Pre-selected options)

Use a select multiple as your input element.

Multiple Select (Optgroup)

Use a select multiple as your input element.

Multiple Select (Public methods)

Use a select multiple as your input element.

select all deselect all Add option refresh

2018 © Winkle. Pampered by Hencework