Template file: Home.page
Class file: Home.php

/JuiControls/Samples/TJuiSelectable/Home.page

<com:TContent ID="body">
<h1>TJuiSelectable Samples</h1>

<com:TStyleSheet>
	.ui-selectable {
		list-style: none;
		cursor: pointer;
	}
	.ui-selectable li {
		border: 1px solid transparent;
		padding: 3px;
		border-radius:3px;
	}

	.ui-selectable li:hover {
		background: #FECA40;
		border: 1px solid black;
	}

	.ui-selecting {
		background: #FECA40;
	}
	.ui-selected {
		background: #F39814; color: white;
	}
</com:TStyleSheet>
<table class="sampletable">

<tr><td class="samplenote">
Default options with a little css applied, change options during callback:
</td><td class="sampleaction">
	<com:TJuiSelectable
		ID="repeater1"
		OnStop="repeater1_onStop"
	/>
	Selected items: <com:TActiveLabel ID="label1" />
  <div><com:TActiveCheckBox OnCheckedChanged="select1" Text="Disable selectable" /></div>
  <div><com:TActiveCheckBox OnCheckedChanged="select2" Text="Selecting starts after dragging at least 100px" /></div>
</td></tr>

</table>

</com:TContent>