The RangeSlider control lets you set a range with 2 slider thumbs. The lower limit is marked with the right side of the left thumb while the higher limit is marked with the left side of the right thumb.
The RangeSlider control lets you set a range with 2 slider thumbs. The lower limit is marked with the right side of the left thumb while the higher limit is marked with the left side of the right thumb.
[[RangeSlider_rangeslider.jpg]]
## Properties
### Properties
|| Property || Description
| Property | Description |
| HigherRangeBackground | Gets or sets the Brush for the HigherRange area.
| --- | --- |
| HigherRangeStyle | Gets or sets the Style for the HigherRange area.
| HigherRangeBackground | Gets or sets the Brush for the HigherRange area. |
| HigherRangeWidth | Gets the percentage of the size of the HigherRange area within the entire min/max range. The higher range area is the area on the slider that is drawn between the higher thumb and the slider's Maximum.
| HigherRangeStyle | Gets or sets the Style for the HigherRange area. |
| HigherThumbBackground | Gets or sets the Brush for the HigherValue thumb.
| HigherRangeWidth | Gets the percentage of the size of the HigherRange area within the entire min/max range. The higher range area is the area on the slider that is drawn between the higher thumb and the slider's Maximum. |
| HigherValue | Gets or sets the current higher value.
| HigherThumbBackground | Gets or sets the Brush for the HigherValue thumb. |
| LowerRangeBackground | Gets or sets the Brush for the LowerRange area.
| HigherValue | Gets or sets the current higher value. |
| LowerRangeStyle | Gets or sets the Style for the LowerRange area.
| LowerRangeBackground | Gets or sets the Brush for the LowerRange area. |
| LowerRangeWidth | Gets the percentage of the size of the LowerRange area within the entire min/max range. The lower range area is the area on the slider that is drawn between the slider's Minimum and the lower thumb.
| LowerRangeStyle | Gets or sets the Style for the LowerRange area. |
| LowerThumBackground | Gets or sets the Brush for the LowerValue thumb.
| LowerRangeWidth | Gets the percentage of the size of the LowerRange area within the entire min/max range. The lower range area is the area on the slider that is drawn between the slider's Minimum and the lower thumb. |
| LowerValue | Gets or sets the current lower value.
| LowerThumBackground | Gets or sets the Brush for the LowerValue thumb. |
| Maximum | Gets or sets the maximum value of the input range.
| LowerValue | Gets or sets the current lower value. |
| Minimum | Gets or sets the minimum value of the input range.
| Maximum | Gets or sets the maximum value of the input range. |
| Orientation | Gets or sets the orientation used by the RangeSlider.
| Minimum | Gets or sets the minimum value of the input range. |
| RangeBackground | Gets or sets the Brush for the selected range area.
| Orientation | Gets or sets the orientation used by the RangeSlider. |
| RangeStyle | Gets or sets the Style for the selected range area.
| RangeBackground | Gets or sets the Brush for the selected range area. |
| RangeWidth | Gets the percentage of the size of the selected range area within the entire min/max range. The selected range area is the area on the slider that is drawn between the lower and higher thumbs.
| RangeStyle | Gets or sets the Style for the selected range area. |
| Step | Gets or sets the step size (increase/decrease amount) used by the sliders. Used when the user clicks in the range areas (not the thumbs). Not used when interactively dragging the thumbs.
| RangeWidth | Gets the percentage of the size of the selected range area within the entire min/max range. The selected range area is the area on the slider that is drawn between the lower and higher thumbs. |
| Step | Gets or sets the step size (increase/decrease amount) used by the sliders. Used when the user clicks in the range areas (not the thumbs). Not used when interactively dragging the thumbs. |
## Events
### Events
|| Event || Description
| Event | Description |
| HigherValueChanged | Raised when the **HigherValue** has been changed.
| --- | --- |
| LowerValueChanged | Raised when the **LowerValue** has been changed.
| HigherValueChanged | Raised when the **HigherValue** has been changed. |
| LowerValueChanged | Raised when the **LowerValue** has been changed. |
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).**
---
---
**Support this project, check out the [Plus Edition](https://xceed.com/xceed-toolkit-plus-for-wpf/).**
DianeXceed
9 years ago