Update TSlider, and make it looks nicer by default.

2 files changed, 14 insertions, 9 deletions

diff --git a/demos/quickstart/protected/pages/Controls/Samples/TSlider/Home.page b/demos/quickstart/protected/pages/Controls/Samples/TSlider/Home.page
index 7670f9d3..bfbbe8e3 100644
--- a/demos/quickstart/protected/pages/Controls/Samples/TSlider/Home.page
+++ b/demos/quickstart/protected/pages/Controls/Samples/TSlider/Home.page
@@ -4,17 +4,17 @@
 <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"/>
+Simple horizontal slider, with no progress indicator, with no events handler attached</td><td class="sampleaction">
+<com:TSlider id="slider1" ProgressIndicator="false" 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
+Horizontal slider from -50 to 50,  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">
+<com:TSlider id="slider2" AutoPostBack="true"  Direction="Horizontal" Value="0" Enabled="true" MinValue="-50" MaxValue="50" OnValueChanged="slider2Changed">
 	<prop:ClientSide.onSlide>
 		$('slider2value').innerHTML = value;
 	</prop:ClientSide.onSlide>
@@ -24,9 +24,9 @@ Value  : <span id="slider2value"><%=$this->slider2->value%></span>
 <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
+Vertical slider from 0 to 1, 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">
+<com:TSlider id="slider3" AutoPostBack="false" Direction="Vertical" Enabled="true" MinValue="0" MaxValue="1" StepSize="0.1" OnValueChanged="slider3Changed">
 	<prop:ClientSide.onSlide>
 		$('slider3value').innerHTML = value;
 	</prop:ClientSide.onSlide>
@@ -35,6 +35,7 @@ Value  : <span id="slider3value"><%=$this->slider3->value%></span>
 </td><td class="sampleaction">
 <com:TButton Text="Submit"/>
 <com:TLabel id="slider3Result"/>
-</td></tr>
-</table>
+</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
index 4b9b61b9..c1c8a711 100644
--- a/demos/quickstart/protected/pages/Controls/Samples/TSlider/Home.php
+++ b/demos/quickstart/protected/pages/Controls/Samples/TSlider/Home.php
@@ -1,6 +1,10 @@
 <?php
 class Home extends TPage 
-{
+{

+	public function onInit ($param)

+	{

+		parent::onInit($param);

+	}
 	public function submit1 ($sender, $param)
 	{
 		$this->slider1Result->setText('Slider Value : '.$this->slider1->getValue());