WebkitX Admin - Dashboard General Form Elements

Sample form 1

Personal Info

First Name

Last Name

E-mail

Contact Number

Requirements

Company

Interested in

Budget

Select File

About Project

Sample form 2

Sample Form 3 with the Icons

Sample Form 4 with the right Icons

Default Basic Forms

Text

URL

Telephone

Password

Number

Date and time

Date

Month

Week

Time

Color

Form Sections

Text inputs

Text input

Password input

Input with helper

Contextual input helper

Readonly input field

Disabled input field

Textarea

Input groups

Left group addon

Right group addon

Left group button

Right group button

Contextual input group

Selects

Basic select

Different Height

Different Width

Input Addon

.00

$ .00

With icons

With checkbox and radio inputs

Horizontal Form

General Elements

Text

Text Disabled

Textarea

Textarea Disabled

Input with success Help block with success

Input with warning Help block with warning

Input with error Help block with error

Checkbox 1

Checkbox 2

Checkbox disabled

Option one is this and that—be sure to include why it's great

Option two can be something else and selecting it will deselect option one

Option three is disabled

Select

Select Disabled

Select Multiple

Select Multiple Disabled

Projects

General Form Elements

Sample form 1

Personal Info

Requirements

Sample form 2

About User

Contact Info & Bio

Sample Form 3 with the Icons

Sample Form 4 with the right Icons

Default Basic Forms

Form Sections

1. Customer Info:

2. Payment Info:

Text inputs

Input groups

Selects

Different Height

Different Width

Input Addon

With icons

With checkbox and radio inputs

Horizontal Form

General Elements

10:10

08:40

07:10

01:15

23:12

10:10

08:40

07:10

01:15

23:12

Customer Care

Reports

Memebers

Projects

General Form Elements

Sample form 1

Personal Info

Requirements

Sample form 2

About User

Contact Info & Bio

Sample Form 3 with the Icons

Sample Form 4 with the right Icons

Default Basic Forms

Form Sections

1. Customer Info:

2. Payment Info:

Text inputs

Input groups

Selects

Different Height

Different Width

Input Addon

With icons

With checkbox and radio inputs

Horizontal Form

General Elements

Quick Actions finance & reports

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