Forms

The forms module provides some basic visual and layout styling for forms. There are two form layouts - one vertical and one horizontal, styling for a variety of buttons and styling for input fields to provide visual clues to users.

A note on button usage and browser compatibility: The styled buttons and links with images work well in Firefox, Safari, Chrome and Opera. When it comes to Internet Explorer the results very depending on the version used :

Vertical Layout
Personal Information
  • Please enter your full name.
  • Email address is required.
  • Please choose a username - Minimum 8 characters.
  • Please choose a password - Minimum 8 characters.
Horizontal Layout
Personal Information
  • Please enter your name
  • Email is required
  • Minimum 8 Chars.
  • Minimum 8 Chars.
Additional Information
  • Phone is optional.
  • Fax is required.
  • Cell is required and there was an error
  • Pager is required and was provided.
  • Check to receive periodic emails from us.
Alternative Field Sizes
  • A larger field.
  • Normal size field.
  • A smaller field.

Buttons