This page demonstrates how to use Click's <a href="http://click.sourceforge.net/docs/container.html" target="_blank">Container</a> concept to manually | |
layout 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; <ol> <li>. | |
<p/> | |
The form does not have any functionality except to show how manual layouts can be specified using Click Containers. | |
<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> | |
<a href="$context/source-viewer.htm?filename=WEB-INF/classes/net/sf/click/examples/control/html/cssform/ContactDetailsForm.java" target="_blank">ContactDetailsForm.java</a> | |
</li> | |
<li> | |
<a href="$context/source-viewer.htm?filename=assets/css/cssform.css" target="_blank">cssform.css</a> | |
</li> | |
<li> | |
<a href="$context/source-viewer.htm?filename=WEB-INF/classes/net/sf/click/examples/control/html/list/HtmlList.java" target="_blank">HtmlList.java</a> | |
</li> | |
<li> | |
<a href="$context/source-viewer.htm?filename=WEB-INF/classes/net/sf/click/examples/control/html/list/ListItem.java" target="_blank">ListItem.java</a> | |
</li> | |
<li> | |
<a href="$context/source-viewer.htm?filename=WEB-INF/classes/net/sf/click/examples/control/html/FeedbackBorder.java" target="_blank">FeedbackBorder.java</a> | |
</li> | |
<li> | |
<a href="$context/source-viewer.htm?filename=WEB-INF/classes/net/sf/click/examples/control/html/FieldLabel.java" target="_blank">FieldLabel.java</a> | |
</li> | |
</ul> | |
$form |