CRMi - 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 example

Multiple files input example

Disabled file input example

Small file input example

Large file input example

Custom file input

Upload

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.

Lorem Ipsum Amet

Select Tags

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

Lorem Ipsum Amet

Input Group Tags

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

Lorem Ipsum Amet

iCheck - Checkbox & Radio Inputs

Basic Checkbox

Default Filled In Default - Disabled Filled In - Disabled

Advanced Form Elements

Type options

Basic file inputs

Custom file input

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

10:10

08:40

07:10

01:15

23:12

10:10

08:40

07:10

01:15

23:12

Customer Care

Reports

Memebers

Notifications

Advanced Form Elements

Type options

Basic file inputs

Custom file input

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

Quick Actions 23 tasks pending

System Messages

Tasks Overview

10:10

08:40

07:10

01:15

23:12

10:10

08:40

07:10

01:15

23:12

Customer Care

Reports

Memebers

User Profile 12 messages

Johen Doe

10:10

08:40

07:10

01:15

23:12

10:10

08:40

07:10

01:15

23:12

Shopping Cart

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.

Quick Actions
23 tasks pending