Range
10 Jul 20191 minute to read
The SfRangeSlider control supports to select range of value by using two Thumbs.
Set Show Range
The ShowRange
property should be set to true for displaying two thumbs in track with range of values.
NOTE
When this property is set to false, single thumb is displayed without any range
rangeSlider.ShowRange= True;
Set Range values
Ranges can be customized using RangeStart and RangeEnd properties in SfRangeSlider.
RangeStart
Gets and sets the start value of the range.
rangeSlider.RangeStart=0;
RangeEnd
Gets and sets the end value of the range.
rangeSlider.RangeEnd=10;
ValueChangeMode
The ValueChangeMode property changes the value based on the touch of the SfRangeSlider
control. It consists of the following two types
- Default
- OnThumbPress
NOTE
The default value of the ValueChangeMode property is
Default
.
Default
The value is updated when you touch inside the control.
rangeSlider.ValueChangeMode = ValueChangeMode.Default;
OnThumb
The value is updated when you touch or move the thumb/knob.
rangeSlider.ValueChangeMode = ValueChangeMode.OnThumb;
Value
Gets or sets the range value, which ranges between Minimum and Maximum. The default value of RangeSlider is 0.
rangeSlider.Value = 30;