Forms > Form Elements

  • My Income $47,171
  • Site Traffic  45%
  • Site Orders  2447

What are "Smart Form Elements?"

SmartAdmin comes with a fully customized grid system catered specifically for building form layouts. Its not technically "better" than the bootstrap 3 built in grid system, but rather more simplified for rapid form layout and faster development. Idealy you would use either the bootstrap grid or the smart-form grid, when building your form layouts. It is important not to mix elements from two seperate classes as it can cause conflict.

You can explore some of the layouts made using Smart Forms grid system or if you are not comfortable with this grid system you can simply stick to the default Bootstrap forms

Form Grid

Responsive grid system

Basic Form Elements

Standard Form Header
Maxlength is automatically added via the "maxlength='#'" attribute
Browse
Note: works in Chrome, Firefox, Opera and IE10.
Note: hold down the ctrl/cmd button to select multiple options.
Note: height of the textarea depends on the rows attribute.
Note: expands on focus.
Stars
Trophies
Asterisks
Note: you can use more than 300 vector icons for rating.

Disabled States

Disabled States
Maxlength is automatically added via the "maxlength='#'" attribute
Note: works in Chrome, Firefox, Opera and IE10.
Note: hold down the ctrl/cmd button to select multiple options.
Note: height of the textarea depends on the rows attribute.
Note: expands on focus.

Smart Tooltips (left)

Tooltips (with icon)

Smart Tooltips (right)

Tooltips (with icon)