This page demonstrates a Java centric approach to manually layout Fields inside a Form.
<p/>
The form below is laid out as specified by the article: <a href="http://www.sitepoint.com/print/fancy-form-design-css">http://www.sitepoint.com/print/fancy-form-design-css</a>
<p/>
In short the form fields are laid out using a combination of FieldSet and Html List tags; &lt;ol&gt; &lt;li&gt;.
<p/>
This demo consists of the following classes: (Note these classes are not part of Click, they were created specifically for this demo).
<ul>
    <li style="padding:0.25em;">
        <a href="$context/source-viewer.htm?filename=WEB-INF/classes/net/sf/click/examples/control/html/cssform/ContactDetailsForm.java" target="_blank">ContactDetailsForm.java</a>
        - encapsulates the contact details in a component.
    </li>
    <li style="padding:0.25em;">
        <a href="$context/source-viewer.htm?filename=assets/css/cssform.css" target="_blank">cssform.css</a>
        - the stylesheet used to layout the fields.
    </li>
    <li style="padding:0.25em;">
        <a href="$context/source-viewer.htm?filename=WEB-INF/classes/net/sf/click/examples/control/html/list/HtmlList.java" target="_blank">HtmlList.java</a>
        - a component that mimics an HTML list: &lt;ol&gt;
    </li>
    <li style="padding:0.25em;">
        <a href="$context/source-viewer.htm?filename=WEB-INF/classes/net/sf/click/examples/control/html/list/ListItem.java" target="_blank">ListItem.java</a>
        - a component that mimics an HTML list item: &lt;li&gt;
    </li>
    <li style="padding:0.25em;">
        <a href="$context/source-viewer.htm?filename=WEB-INF/classes/net/sf/click/examples/control/html/FeedbackBorder.java" target="_blank">FeedbackBorder.java</a>
        - a component which decorates a Field with different borders, based on the Field's state.
    </li>
    <li style="padding:0.25em;">
        <a href="$context/source-viewer.htm?filename=WEB-INF/classes/net/sf/click/examples/control/html/FieldLabel.java" target="_blank">FieldLabel.java</a>
        - provides a convenient class that generates an HTML Label for a Field.
    </li>
</ul>

$form