summaryrefslogtreecommitdiff
path: root/demos/quickstart/protected/pages/Controls/Samples/TSlider
diff options
context:
space:
mode:
Diffstat (limited to 'demos/quickstart/protected/pages/Controls/Samples/TSlider')
-rw-r--r--demos/quickstart/protected/pages/Controls/Samples/TSlider/Home.page40
-rw-r--r--demos/quickstart/protected/pages/Controls/Samples/TSlider/Home.php19
2 files changed, 59 insertions, 0 deletions
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TSlider/Home.page b/demos/quickstart/protected/pages/Controls/Samples/TSlider/Home.page
new file mode 100644
index 00000000..7670f9d3
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TSlider/Home.page
@@ -0,0 +1,40 @@
+<com:TContent id="body">
+<h1>TSlider Sample</h1>
+
+<table class="sampletable">
+
+<tr><td class="samplenote">
+Simple horizontal slider, with no events handler attached</td><td class="sampleaction">
+<com:TSlider id="slider1" Direction="Horizontal"/>
+</td>
+<td class="sampleaction">
+ <com:TButton onClick="submit1" Text="Submit"/>
+ <com:TLabel id="slider1Result"/>
+</td></tr>
+<tr><td class="samplenote">
+Horizontal slider from -50 to 50, with image handle, Javascript 'onSlide' handler, ServerSide 'onSliderChanged' handler, initial value and autopostback=true
+</td><td class="sampleaction">
+<com:TSlider id="slider2" AutoPostBack="true" Handle.CssClass="handle-image" Direction="Horizontal" Value="30" Enabled="true" MinValue="-50" MaxValue="50" OnValueChanged="slider2Changed">
+ <prop:ClientSide.onSlide>
+ $('slider2value').innerHTML = value;
+ </prop:ClientSide.onSlide>
+</com:TSlider>
+Value : <span id="slider2value"><%=$this->slider2->value%></span>
+</td><td class="sampleaction">
+<com:TLabel id="slider2Result"/>
+</td></tr>
+<tr><td class="samplenote">
+Vertical slider from 0 to 1, with image handle, Javascript 'onSlide' handler, ServerSide 'onSliderChanged' handler, StepSize, and no autopostback
+</td><td class="sampleaction">
+<com:TSlider id="slider3" AutoPostBack="false" Handle.CssClass="handle-image" Direction="Vertical" Enabled="true" MinValue="0" MaxValue="1" StepSize="0.1" OnValueChanged="slider3Changed">
+ <prop:ClientSide.onSlide>
+ $('slider3value').innerHTML = value;
+ </prop:ClientSide.onSlide>
+</com:TSlider>
+Value : <span id="slider3value"><%=$this->slider3->value%></span>
+</td><td class="sampleaction">
+<com:TButton Text="Submit"/>
+<com:TLabel id="slider3Result"/>
+</td></tr>
+</table>
+</com:TContent> \ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TSlider/Home.php b/demos/quickstart/protected/pages/Controls/Samples/TSlider/Home.php
new file mode 100644
index 00000000..4b9b61b9
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TSlider/Home.php
@@ -0,0 +1,19 @@
+<?php
+class Home extends TPage
+{
+ public function submit1 ($sender, $param)
+ {
+ $this->slider1Result->setText('Slider Value : '.$this->slider1->getValue());
+ }
+
+ public function slider2Changed ($sender, $param)
+ {
+ $this->slider2Result->setText('onSliderChanged, Value : '.$sender->getValue());
+ }
+
+ public function slider3Changed ($sender, $param)
+ {
+ $this->slider3Result->setText('onSliderChanged, Value : '.$sender->getValue());
+ }
+}
+?> \ No newline at end of file