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/TJuiResizable/Home.page    | 34 ++++++++++++++++------
 .../JuiControls/Samples/TJuiResizable/Home.php     | 15 ++++++++++
 2 files changed, 40 insertions(+), 9 deletions(-)

(limited to 'demos/quickstart/protected/pages/JuiControls/Samples/TJuiResizable')

diff --git a/demos/quickstart/protected/pages/JuiControls/Samples/TJuiResizable/Home.page b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiResizable/Home.page
index 6c61f7df..05cc4a94 100644
--- a/demos/quickstart/protected/pages/JuiControls/Samples/TJuiResizable/Home.page
+++ b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiResizable/Home.page
@@ -2,26 +2,42 @@
 <h1>TJuiResizable Samples</h1>
 
 <com:TStyleSheet>
+  #box {
+    width: 800px;
+    height: 500px;
+    border: 1px solid #000;
+  }
 	.resizable {
 		width: 150px;
 		height: 150px;
 		padding: 0.5em;
 		background: #fff;
-		border: 1px solid #000;
+		border: 1px solid #f00;
+    overflow: hidden;
 	}
 	</com:TStyleSheet>
 <table class="sampletable">
 
-<tr><td class="samplenote">
+<tr><td class="samplenote" rowspan="2">
 Default options with a little css applied:
 </td><td class="sampleaction">
-	<com:TJuiResizable
-		CssClass="resizable"
-		OnStart="resize1_start"
-		OnStop="resize1_stop"
-	>
-		<com:TActiveLabel ID="label1" Text="Resize me!" />
-	</com:TJuiResizable>
+  <div id="box">
+  	<com:TJuiResizable
+      ID="resize1"
+  		CssClass="resizable"
+  		OnStart="resize1_start"
+  		OnStop="resize1_stop"
+      Options.AnimateEasing="easeOutBounce"
+  	>
+  		<com:TActiveLabel ID="label1" Text="Resize me!" />
+  	</com:TJuiResizable>
+  </div>
+</td></tr>
+
+<tr><td>
+  <div><com:TActiveCheckBox OnCheckedChanged="check1" Text="Resize outer box synchronously" /></div>
+  <div><com:TActiveCheckBox OnCheckedChanged="check2" Text="Animate final resizing" /></div>
+  <div><com:TActiveCheckBox OnCheckedChanged="check3" Text="Snap to [30,30] grid" /></div>
 </td></tr>
 
 </table>
diff --git a/demos/quickstart/protected/pages/JuiControls/Samples/TJuiResizable/Home.php b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiResizable/Home.php
index 435b8a9b..e4f126e1 100644
--- a/demos/quickstart/protected/pages/JuiControls/Samples/TJuiResizable/Home.php
+++ b/demos/quickstart/protected/pages/JuiControls/Samples/TJuiResizable/Home.php
@@ -13,4 +13,19 @@ class Home extends TPage
 		$size=$param->getCallbackParameter()->size;
 		$this->label1->Text.="<br/>Stop: ".intval($size->width)." x ".intval($size->height);
 	}
+
+	protected function check1($sender, $param)
+	{
+		$this->resize1->getOptions()->alsoResize = $sender->getChecked() ? '#box' : '';
+	}
+
+	protected function check2($sender, $param)
+	{
+		$this->resize1->getOptions()->animate = TPropertyValue::ensureString($sender->getChecked());
+	}
+
+	protected function check3($sender, $param)
+	{
+		$this->resize1->getOptions()->grid = $sender->getChecked() ? '30' : false;
+	}
 }
\ No newline at end of file
-- 
cgit v1.2.3