By default, the RangeSlider control is displayed horizontally. However, you can change the orientation of the RangeSlider control and set it to Vertical by using Orientation property of the C1RangeSlider class. The Orientation property accesses the SliderOrientation enumeration to set the orientation of the control.
The following image showcases the RangeSlider control with vertical orientation.
To display the RangeSlider control vertically, use the following code. This example uses the sample created in the Range topic.
Index.razor |
Copy Code
|
---|---|
<C1RangeSlider Orientation="@SliderOrientation.Vertical" Minimum=-10 Maximum=100 ></C1RangeSlider> |