====== jSlider ======
The ''jSlider'' control is analogous the [[https://msdn.microsoft.com/en-us/library/system.windows.forms.trackbar%28v=vs.90%29.aspx|.Net Compact Framework's TrackBar]], but has a much more rich appearance, and a few additional features.

===== CornerRadii Property =====
The ''CornerRadii'' property sets the shape of the 4 corners of both the thumb and the track together when the [[.:jslider#shape_property|Shape Property]] is ''Rectangular''.  Each corner can be set independently. 

{{.:slidercornerradii.mp4?426x240}}


===== Orientation Property =====
The ''Orientation'' property can be used to display the slider horizontally or vertically.

|{{ .:slidershaperectangular.png?nolink |}}|{{ .:sliderorientationhorizontalproperties.png?nolink |}}|
|{{ .:sliderorientationvertical.png?nolink |}}|{{ .:sliderorientationverticalproperties.png?nolink |}}|


===== Minimum Property =====
The ''Minimum'' property sets the lower bound of the [[.:jslider#value_property|Value property]].


===== Maximum Property =====
The ''Maximum '' property sets the upper bound of the [[.:jslider#value_property|Value property]].

===== Shape Property =====
The ''Shape'' property can be used to select the overall shape of the slider: ''Rectangular'' or ''Round''

|{{ .:slidershaperectangular.png?nolink |}}|{{ .:slidershaperectangularproperties.png?nolink |}}|

|{{ .:slidershaperound.png?nolink |}}|{{ .:slidershaperoundproperties.png?nolink |}}|
===== Thumb Property =====
The ''Thumb'' property is used to customize the appearance of the slider's thumb (a.k.a handle).  It uses the same features described in [[.:Fills, Strokes, and Borders]] and [[.:Highlights and Gloss]].

|{{ .:sliderthumbgreen.png?nolink |}}|{{ .:sliderthumbgreenproperties.png?nolink |}}|
|{{ .:sliderthumbblue.png?nolink |}}|{{ .:sliderthumbblueproperties.png?nolink |}}|



==== Width Property ====
The ''Width'' property sets the width of the thumb.  It is only applicable if the [[.:jslider#shape_property|Shape Property]] is set to ''Rectangular''.

|{{ .:slidershaperectangular.png?nolink |}}|{{ .:sliderthumbwidth30properties.png?nolink |}}|
|{{ .:sliderthumbwidth40.png?nolink |}}|{{ .:sliderthumbwidth40properties.png?nolink |}}|
===== Track Property =====
The ''Track'' property is used to customize the appearance of the track that the thumb slides along.  It uses the same features described in [[.:Fills, Strokes, and Borders]] and [[.:Highlights and Gloss]].

|{{ .:slidertrackgray.png?nolink |}}|{{ .:slidertrackgrayproperties.png?nolink |}}|
|{{ .:slidertrackgreenyellow.png?nolink |}}|{{ .:slidertrackgreenyellowproperties.png?nolink |}}|
==== Width Property ====
As the name implies, the ''Width'' property can be used to set the width of the track.

|{{ .:slidershaperectangular.png?nolink |}}|{{ .:slidertrackwidth10properties.png?nolink |}}|
|{{ .:slidertrackwidth20.png?nolink |}}|{{ .:slidertrackwidth20properties.png?nolink |}}|

===== Text Property =====
The ''Text'' property is a [[https://msdn.microsoft.com/en-us/library/system.string.format%28v=vs.110%29.aspx|.Net format string]] that specifies the text to display on the thumb.  The only argument, ''{0}'', is the value of the [[.:jslider#value_property|Value Property]].

|{{ .:slidertext30.png?nolink |}}|{{ .:slidertext30properties.png?nolink |}}|
|{{ .:slidertext30.25.png?nolink |}}|{{ .:slidertext30.25properties.png?nolink |}}|

===== Text Features =====
''jSlider'' employs the same text features used by many of the other controls in the jControls CF35 library including ''ForeColor'', ''TextOffset'', ''TextAlignment'', and ''TextWrap''.  See [[.:Text Features]] for more information.

===== Value Property =====
The ''Value'' property gets or sets the position of the slider.  An exception will be thrown if attempting to set it outside of the range specified by the [[.:jslider#minimum_property|Minimum property]] and the [[.:jslider#maximum_property|Maximum property]].

{{.:slidervalue.mp4?426x240|}}

===== ValueChanged Event =====
The ''ValueChanged'' event fires any time the [[.:jslider#value_property|Value property]] changes, and can therefore be used to respond to the operator moving the slider.