====== jSlider ======

The [[https://api.comfiletech.com/csharp/api/ComfileTech.jControls.jSlider.html|jSlider]] control is analogous the .NET WinForm's [[https://learn.microsoft.com/en-us/dotnet/api/system.windows.forms.trackbar|TrackBar]], but has a much more rich appearance, employing jControls'[[jcontrols:fills_and_borders:index|fill, border]], [[jcontrols:shape_and_cornerradii:index|shape, corner radii]], [[jcontrols:gloss_and_dropshadow:index#dropshadow_property|drop shadow]], and [[jcontrols:text_features:index|text features]], along with a few additional features.

===== Orientation Property =====
The [[https://api.comfiletech.com/csharp/api/ComfileTech.jControls.jSlider.Orientation.html#ComfileTech_jControls_jSlider_Orientation|Orientation]] property is used to orient the control horizontally over vertically.

| {{jslider_horizontal.png}}   |  {{jprogress_horizontal_properties.png}}  |
|  {{jslider_vertical.png}}  |   {{jprogress_vertical_properties.png}} |

===== Thumb Property =====

The [[https://api.comfiletech.com/csharp/api/ComfileTech.jControls.jSlider.Thumb.html#ComfileTech_jControls_jSlider_Thumb|Thumb]] property is used to customize the appearance of the handle that the operator will use to move the slider.

|{{jslider_thumb.png}}|{{jslider_thumb_properties.png}}|

The [[https://api.comfiletech.com/csharp/api/ComfileTech.jControls.SliderAppearance-1.Size.html#ComfileTech_jControls_SliderAppearance_1_Size|Thumb.Size]] property is used to adjust the width of the thumb.

===== Track Property =====

The [[https://api.comfiletech.com/csharp/api/ComfileTech.jControls.jSlider.Track.html#ComfileTech_jControls_jSlider_Track|Track]] property is used to customize the appearance of the track that the thumb travels along.

|{{jslider_track.png}}|{{jslider_track_properties.png}}|

The [[https://api.comfiletech.com/csharp/api/ComfileTech.jControls.SliderAppearance-1.Size.html#ComfileTech_jControls_SliderAppearance_1_Size|Track.Size]] property is used to adjust the width of the track.


===== Minimum Property =====
The [[https://api.comfiletech.com/csharp/api/ComfileTech.jControls.jRangeControl.Minimum.html#ComfileTech_jControls_jRangeControl_Minimum|Minimum]] property sets the lower bound of the [[#value_property|Value]] property.

===== Maximum Property =====
The [[https://api.comfiletech.com/csharp/api/ComfileTech.jControls.jRangeControl.Maximum.html#ComfileTech_jControls_jRangeControl_Maximum|Maximum]] property sets the upper bound of the [[#value_property|Value]] property.

===== Text Property =====
The [[https://learn.microsoft.com/en-us/dotnet/api/system.windows.forms.control.text|Text]] property is a [[https://learn.microsoft.com/en-us/dotnet/standard/base-types/custom-numeric-format-strings|.NET format string]] that specifies the text to display on the control.  The only argument, ''{0}'', is the value of the [[#value_property|Value]] property.  The characters after the '':'' define the format.

|{{jslider_text1.png }}|{{jslider_text1_properties.png }}|
|{{jslider_text2.png }}|{{jslider_text2_properties.png }}|
|{{jslider_text3.png }}|{{jslider_text3_properties.png }}|

===== Value Property =====
The [[https://api.comfiletech.com/csharp/api/ComfileTech.jControls.jRangeControl.Value.html#ComfileTech_jControls_jRangeControl_Value|Value]] property gets or sets the length progress bar.  The value will be clipped if attempting to set it outside of the range specified by the [[#minimum_property|Minimum]] property and the [[#maximum_property|Maximum]] property.



===== ValueChanged Event =====
The [[https://api.comfiletech.com/csharp/api/ComfileTech.jControls.jRangeControl.ValueChanged.html|ValueChanged]] event fires any time the [[#value_property|Value]] property changes.