Contact Details Page

This page demonstrates a Java centric approach to programmatically layout Fields inside a Form.

In short the form fields are laid out using a combination of FieldSet and Html List tags; <ul> <li>.

This demo consists of the following components: (Note, although some of these components are quite generic, they are not part of Click and were created specifically for this demo).

• CssForm.java - adds the stylesheet cssform.css to the list of Html imports. This CSS is used to style the form and fields.
• VerticalFieldSet.java - a custom FieldSet that renders its fields vertically using an HTML List: <ul>.
• HtmlList.java and ListItem.java - these components renders an HTML list, <ul>, and list item, <li>, respectively.
• FeedbackBorder.java - a component which decorates a Field with different borders, based on the Field's state.
• FieldLabel.java - provides a convenient class that generates an HTML Label for a Field.