summaryrefslogtreecommitdiff
path: root/demos/quickstart/protected/pages/Controls/Samples/TSlider/Home.page
blob: 6c79fae4f2105b412c04b6cc5a6c02bec59b0433 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<com:TContent id="body">
<h1>TSlider Sample</h1>

<table class="sampletable">

<tr><td class="samplenote">
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,  Javascript 'onSlide' handler, ServerSide 'onSliderChanged' handler, initial value and autopostback=true
</td><td class="sampleaction">
<com:TSlider id="slider2" AutoPostBack="true"  Direction="Horizontal" Value="0" Enabled="true" MinValue="-50" MaxValue="50" OnValueChanged="slider2Changed">
	<prop:ClientSide.onSlide>
		$('#slider2value').get(0).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, Javascript 'onSlide' handler, ServerSide 'onSliderChanged' handler, StepSize, and no autopostback
</td><td class="sampleaction">
<com:TSlider id="slider3" AutoPostBack="false" Direction="Vertical" Enabled="true" MinValue="0" MaxValue="1" StepSize="0.1" OnValueChanged="slider3Changed">
	<prop:ClientSide.onSlide>
		$('#slider3value').get(0).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>