From 918ed9fd995cc3e958bb0d48c8d234717facf181 Mon Sep 17 00:00:00 2001
From: tof <>
Date: Tue, 4 Sep 2007 08:56:24 +0000
Subject: Merge TSlider component from 3.2-dev branch.
---
.../protected/pages/Controls/Slider.page | 55 ++++++++++++++++++++++
1 file changed, 55 insertions(+)
create mode 100644 demos/quickstart/protected/pages/Controls/Slider.page
(limited to 'demos/quickstart/protected/pages/Controls/Slider.page')
diff --git a/demos/quickstart/protected/pages/Controls/Slider.page b/demos/quickstart/protected/pages/Controls/Slider.page
new file mode 100644
index 00000000..d71c28a0
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Slider.page
@@ -0,0 +1,55 @@
+
+TSlider displays a slider for numeric input purpose. A slider consists of a track
+which define the range of possible value, and a handle which can slide on the track, to select
+a value in the range. The track can be either Horizontal or Vertical, depending of the Direction
+property. By default, it's horizontal.
+
+The range boundaries are defined by MinValue and MaxValue properties.
+The default range is from 0 to 100.
+The StepSize property can be used to define the step between 2 values inside the range.
+Notice that this step will be recomputed if there is more than 200 values between the range boundaries.
+You can also provide the allowed values by setting the Values array.
+
+The handle sub-properties can be accessed by Handle property. You can also provide your own control
+for the handle, using HandleClass property. Note that this class must be a subclass of
+TSliderHandle
+
+The TSlider control can be easily customized using CssClasses. You can provide your own css file, using the
+CssUrl property.
+The css class for TSlider can be set by the CssClass property. Defaults values are 'hslider' for
+an Horizontal slider, or 'vslider' for a Vertical one.
+The css class for the Handle can be set by the Handle.CssClass subproperty. Defaults is 'handle', which just
+draw a red block as a cursor. 'handle-image' css class is also provided for your convenience, which display an image
+as the handle.
+
+If AutoPostBack property is true, postback is performed as soon as the value changed.
+
+TSlider raises the onValueChanged event when the value of the slider has changed during postback.
+
+You can also attach ClientSide javascript events handler to the slider :
+TSlider
+
+
+