diff options
author | Jens Klaer <kj.landwehr.software@gmail.com> | 2015-05-20 15:56:09 +0200 |
---|---|---|
committer | Jens Klaer <kj.landwehr.software@gmail.com> | 2015-05-20 15:56:09 +0200 |
commit | 55338f1cf947b8593a3e23094d6feab625370e28 (patch) | |
tree | e8d714ed8afad949c9e3ee93cf1fcc0602d92b36 /demos/quickstart/protected/pages/JuiControls/Samples/TJuiSortable/Home.page | |
parent | 0fb75d64f8dbcc98b4c06e7556125b94bf612819 (diff) |
extended quichstart tutorial for TJuiControl option changes during callback
Diffstat (limited to 'demos/quickstart/protected/pages/JuiControls/Samples/TJuiSortable/Home.page')
-rw-r--r-- | demos/quickstart/protected/pages/JuiControls/Samples/TJuiSortable/Home.page | 23 |
1 files changed, 21 insertions, 2 deletions
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> |