tapestry-examples/tapestry-workbench/context/Palette.html

<span jwcid="@Border">

<p>The Palette component is used to collect multiple selections, items are selected
in the left column (available) and moved to the right column (selected).  The component
can be configured to keep the items sorted by their visible label, their
hidden value, or manually sorted.  Items are moved between columns using the buttons,
or by double clicking.

<form jwcid="@Form" listener="ognl:listeners.formSubmit">

<table class="form">
	<tr>
		<th>Sort Mode:</th>
		<td><input jwcid="inputColorSort"/></td>
	</tr>
	<tr>
		<th>Colors:</th>
		<td><input jwcid="inputColor"/></td>
	</tr>
	<tr>
		<td></td>
		<td><input jwcid="update"/>
			<input jwcid="continue"/></td>
	</tr>
</table>

</form>

<p>
Obviously, there's a whole lot of JavaScript running on the client side.  However, there
are no arbitrary limits; you can have as many Palettes in a form as you want, or have multiple
forms and multiple Palettes.  Tapestry uses a sophisticated method of generating custom JavaScript
from a template.

<p>You can also customize the images used for the buttons and the titles above the
two selection columns.

</span>