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 :

IE7 you get no images for either the buttons or links.
IE8 the styled buttons with images work fine ( albeit without the CSS3 enhancements ) but the styled links with images do not show the images.
IE9 RC fixes the problem with the styled links with images, however, the styled buttons with images no longer display the images.
IE9 Final displays both the styled buttons and links correctly (finally!).
IE6 The first person to ask about IE6 will get a swift slap.

Vertical Layout

Horizontal Layout

Personal Information

Name:
Please enter your name
Email:
Email is required
Username:
Minimum 8 Chars.
Password:
Minimum 8 Chars.

Additional Information

Phone:
Phone is optional.
Fax:
Fax is required.
Cell:
Cell is required and there was an error
Pager:
Pager is required and was provided.
Receive Email?
Check to receive periodic emails from us.

Alternative Field Sizes

Larger Fields:
A larger field.
Normal Size:
Normal size field.
Smaller Fields:
A smaller field.

Buttons

Grey Link Blue Link Red Link Green Link

Cancel Link Delete Link Confirm Link Delete Link Edit Link View Link

Index

Forms

Vertical Layout

Horizontal Layout

Buttons

Credits

Licensing

Thanks & Inspiration

Download

Donate