From 53ef46637f49ba745bb43c891cae593454502979 Mon Sep 17 00:00:00 2001
From: Fabio Bas <ctrlaltca@gmail.com>
Date: Wed, 15 Jan 2014 00:24:58 +0100
Subject: Added basic events for JuiControls, added quickstart demos

---
 .../JuiControls/Samples/TJuiSelectable/Home.page   | 38 ++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 demos/quickstart/protected/pages/JuiControls/Samples/TJuiSelectable/Home.page

(limited to 'demos/quickstart/protected/pages/JuiControls/Samples/TJuiSelectable/Home.page')

diff --git a/demos/quickstart/protected/pages/JuiControls/Samples/TJuiSelectable/Home.page b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiSelectable/Home.page
new file mode 100644
index 00000000..4af5d637
--- /dev/null
+++ b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiSelectable/Home.page
@@ -0,0 +1,38 @@
+<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:
+</td><td class="sampleaction">
+	<com:TJuiSelectable ID="repeater1"  onSelectedIndexChanged="repeater1_onSelectedIndexChanged"/>
+	<com:TActiveLabel ID="label1" />
+</td></tr>
+
+</table>
+
+</com:TContent>
-- 
cgit v1.2.3