Controls / Input Controls / RangeSlider / Orientation
Orientation

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.

Vertical orientation of C1RangeSlider

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>