WebkitX Admin - Dashboard Advanced form elements

Type options

Datetime

Using input type="datetime-local" type="datetime-local" is not supported in Firefox, Safari or Internet Explorer 12 (or earlier).

Date

Using input type="date"

Month

Using input type="month"

Time

Using input type="time"

Week

Using input type="week"

Number

Using input type="number"

Using input type="email"

URL

Using input type="url"

Using input type="search"

Tel

Using input type="tel"

Color

Using input type="color"

Basic file inputs

Default file input

Custom BS file input

Choose file

Input masks

Date masks:

US phone mask:

Intl US phone mask:

IP mask:

Color & Time Picker

Color picker:

Color picker with addon:

Time picker:

Date picker

Date:

Date range:

Date and time range:

Date range button:

Select Elements

Minimal

Disabled

Multiple

Disabled Result

Bootstrap Select boxes

Select box

Select boxes with Option groups

Multiple select boxes

With colored Button Classes

Bootstrap TouchSpin

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.

iCheck - Checkbox & Radio Inputs

Basic Checkbox

Default Filled In Default - Disabled Filled In - Disabled

Advanced Form Elements

Type options

Basic file inputs

Input masks

Color & Time Picker

Date picker

Select Elements

Bootstrap Select boxes

Select box

Select boxes with Option groups

Multiple select boxes

With colored Button Classes

Bootstrap TouchSpin

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.

iCheck - Checkbox & Radio Inputs

Basic Checkbox

Basic Checkbox Design Colors

Basic Checkbox Design Colors with Filled In

Basic Radio Button

Basic Radio Button Design Colors

Basic Radio Button Design Colors with Outline

Select A Demo

Sidebar style 1

Sidebar style 2

Dark Sidebar style 1

Dark Sidebar style 2

Boxed Dashboad 1

Dark Boxed

Full Width

Full Width Dark

Fixed Sidebar

Fixed Dark Sidebar

Horizontal Dashboad

Horizontal Dark Dashboad

Notifications

Advanced Form Elements

Type options

Basic file inputs

Input masks

Color & Time Picker

Date picker

Select Elements

Bootstrap Select boxes

Select box

Select boxes with Option groups

Multiple select boxes

With colored Button Classes

Bootstrap TouchSpin

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.

iCheck - Checkbox & Radio Inputs

Basic Checkbox

Basic Checkbox Design Colors

Basic Checkbox Design Colors with Filled In

Basic Radio Button

Basic Radio Button Design Colors

Basic Radio Button Design Colors with Outline

Select A Demo

Sidebar style 1

Sidebar style 2

Dark Sidebar style 1

Dark Sidebar style 2

Boxed Dashboad 1

Dark Boxed

Full Width

Full Width Dark

Fixed Sidebar

Fixed Dark Sidebar

Horizontal Dashboad

Horizontal Dark Dashboad

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

You can also use `select multiple` to your input field.

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