Blazor コントロール
向き
コントロール > Inputコントロール > RangeSlider > 向き

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
コードのコピー
<C1RangeSlider Orientation="@SliderOrientation.Vertical" Minimum=-10 Maximum=100 ></C1RangeSlider>