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-primary 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-circleclass

Checkbox Disable

use disabledin input tag for disable state

Radio Buttons

With bootstrap colors, use radioclass.

Radio Clickable

All buttons clickable

Radio Disable

use disabledin 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 multipleto 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 multipleas your input element.

Multiple Select (Optgroup)

Use a select multipleas your input element.

Multiple Select (Public methods)

Use a select multipleas your input element.

select alldeselect allAdd optionrefresh

2018 © Grandin. Pampered by Hencework