Click Contact Details Page

Version 2.0.1

Hosted by Avoka Technologies
 
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.
Contact Details
  •  
  •  
Payment Details
  •