From 55338f1cf947b8593a3e23094d6feab625370e28 Mon Sep 17 00:00:00 2001
From: Jens Klaer <kj.landwehr.software@gmail.com>
Date: Wed, 20 May 2015 15:56:09 +0200
Subject: extended quichstart tutorial for TJuiControl option changes during
 callback

---
 .../JuiControls/Samples/TJuiSortable/Home.page     | 23 ++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

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

diff --git a/demos/quickstart/protected/pages/JuiControls/Samples/TJuiSortable/Home.page b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiSortable/Home.page
index cbb1465b..e653308c 100644
--- a/demos/quickstart/protected/pages/JuiControls/Samples/TJuiSortable/Home.page
+++ b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiSortable/Home.page
@@ -17,17 +17,36 @@
 		background: lime;
 		border: 1px solid black;
 	}
+  
+  .ui-sortable li.ui-sortable-highlight {
+    background: red;
+    border: 1px solid black;
+    height: 17px;
+  }
 </com:TStyleSheet>
 <table class="sampletable">
 
 <tr><td class="samplenote">
-Default options with a little css applied:
+Default options with a little css applied, change options during callback:
 </td><td class="sampleaction">
 	<com:TJuiSortable
 		ID="repeater1"
 		onStop="repeater1_onStop"
 		/>
-	<com:TActiveLabel ID="label1" />
+	Items order: <com:TActiveLabel ID="label1" />
+  <div><com:TActiveCheckBox OnCheckedChanged="sort1" Text="Apply CSS dragging placeholder" /></div>
+  <div><com:TActiveCheckBox OnCheckedChanged="sort2" Text="Revert to new position using a smooth animation" /></div>
+  <div>
+    Cursor is
+    <com:TActiveDropDownList OnSelectedIndexChanged="sort3">
+      <com:TListItem Text="auto" Value="auto" Selected="true" />
+      <com:TListItem Text="move" Value="move" />
+      <com:TListItem Text="pointer" Value="pointer" />
+      <com:TListItem Text="crosshair" Value="crosshair" />
+      <com:TListItem Text="help" Value="help" />
+    </com:TActiveDropDownList>
+    while dragging
+  </div>
 </td></tr>
 
 </table>
-- 
cgit v1.2.3