Form Components

Basic Forms

Horizontal Forms

Example block-level help text here.

Password

Remember me

Inline form

Modal form

Form in Modal Form in Modal 2 Form in Modal 3

Form Elements

Default

Help text

A block of help text that breaks onto a new line and may extend beyond one line.

Rounder

Input focus

Disabled

Placeholder

Password

Static control

email@example.com

Input with success

Input with warning

Input with error

Checkboxes and radios

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

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

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

Inline checkboxes

1 2 3

Selects

Column sizing

Input groups

Basic examples

.00

$ .00

Sizing

Iconic

Checkboxe and radio

Button addons

Segmented buttons

Textarea

CKEditor

Input Grid

work progress (5)
- Target sell
  
  25%, Deadline 12 june 13
  
  product delivery
  
  55%, Deadline 12 june 13
  
  payment collection
  
  25%, Deadline 12 june 13
  
  delivery pending
  
  44%, Deadline 12 june 13
  
  total progress
  
  50%, Deadline 12 june 13
  
  50% Complete
contact online (5)
- Jonathan Smith
  
  Work for fun
  
  Anjelina Joe
  
  Available
  
  John Doe
  
  Away from Desk
  
  Mark Henry
  
  working
  
  Shila Jones
  
  Work for fun
  
  View all Contacts
recent activity (3)
- just now
  
  Jim Doe Purchased new equipments for zonal office setup
  
  2 min ago
  
  Jane Doe Purchased new equipments for zonal office setup
  
  1 day ago
  
  Jim Doe Purchased new equipments for zonal office setup
shipment status
- Full sleeve baby wear (SL: 17665)
  
  40% Complete
  
  Full sleeve baby wear (SL: 17665)
  
  70% Completed

Target Sell

Product Delivery

Payment collection

Target Sell

Target sell

product delivery

payment collection

delivery pending

total progress

Jonathan Smith

Anjelina Joe

John Doe

Mark Henry

Shila Jones