Blazor | ComponentOne
Controls / Input Controls / RangeSlider / Orientation
In This Topic
    Orientation
    In This Topic

    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>