Form addons

  1. Home
  2. Forms
  3. Form addons

Basic Material inputs

Just add form-materialclass to the form that's it.
Select fileChangeRemove
A block of help text that breaks onto a new line and may extend beyond one line.

Different Widths

Just add col*class to form-group
Select fileChangeRemove

Basic Examples

With Material Design Colors

With Material Design Colors - Filled In

Basic Radio button Examples

With Material Design Colors
You can use material design colors which examples are .radio-col-pink, .radio-col-cyanclass

With Material Design Colors - With Gap
Add to .with-gapclass

Switch Button

With Different Colors

RED
PINK
PURPLE
DEEP PURPLE
INDIGO
BLUE
LIGHT BLUE
CYAN
TEAL
GREEN
LIGHT GREEN
LIME
YELLOW
AMBER
ORANGE
DEEP ORANGE
BROWN
GREY
BLUE GREY
BLACK

Default Basic Forms

All bootstrap element classies

Default Horizontal Forms

All bootstrap element classies
Select fileChangeRemove
A block of help text that breaks onto a new line and may extend beyond one line.

Input groups

All bootstrap element classies
@

@example.com

https://example.com/users/

$.00

$0.00
$
$0.00

ActionAnother actionSomething else hereSeparated link
ActionAnother actionSomething else hereSeparated link

Input States

Validation styles for error, warning, and success states on form controls.

Example help text that remains unchanged.
Example help text that remains unchanged.
Example help text that remains unchanged.
Example help text that remains unchanged.
Example help text that remains unchanged.
Example help text that remains unchanged.

Sample Basic Forms

Bootstrap Elements

Sample Horizontal form

Use Bootstrap's predefined grid classes for horizontal form

Service Panel
© 2017 Admin Press Admin by themedesigner.in