2 files changed, 45 insertions, 0 deletions
diff --git a/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDraggable/Home.page b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDraggable/Home.page
new file mode 100644
index 00000000..349922cb
--- /dev/null
+++ b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDraggable/Home.page
@@ -0,0 +1,29 @@
+<com:TContent ID="body">
+<h1>TJuiDraggable Samples</h1>
+
+<com:TStyleSheet>
+	.ui-draggable {
+		width: 100px;
+		height:100px;
+		background-color: lime;
+		border: 1px solid black;
+		padding: 1em;
+	}
+</com:TStyleSheet>
+<table class="sampletable">
+
+<tr><td class="samplenote">
+Default options with a little css applied:
+</td><td class="sampleaction" style="height:600px">
+	<com:TJuiDraggable
+		OnStart="drag1_start"
+		OnStop="drag1_stop"
+	>
+	Drag me around
+	</com:TJuiDraggable>
+	<com:TActiveLabel ID="label1" Text="Waiting.." />
+</td></tr>
+
+</table>
+
+</com:TContent>
diff --git a/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDraggable/Home.php b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDraggable/Home.php
new file mode 100644
index 00000000..348eea55
--- /dev/null
+++ b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiDraggable/Home.php
@@ -0,0 +1,16 @@
+<?php
+
+class Home extends TPage
+{
+	protected function drag1_start($sender, $param)
+	{
+		$offset=$param->getCallbackParameter()->offset;
+		$this->label1->Text.="<br/>Start drag at (".$offset->left.",".$offset->top.")";
+	}
+
+	protected function drag1_stop($sender, $param)
+	{
+		$offset=$param->getCallbackParameter()->offset;
+		$this->label1->Text.="<br/>Stop drop at (".$offset->left.",".$offset->top.")";
+	}
+}
+\ No newline at end of file