Ekan Admin - Dashboard Advanced form elements

Type options

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

Messages

Lorem Ipsum 15 mins

Nullam tempor 4 hours

Proin venenatis Today

Praesent suscipit Yesterday

Donec tempor 2 days

Notifications

Tasks

Lorem ipsum dolor sit amet 30%

Vestibulum nec ligula 20%

Donec id leo ut ipsum 70%

Praesent vitae tellus 40%

Nam varius sapien 80%

Nunc fringilla 90%

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

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.