Orientation

This property is used to set the Slider in either horizontal or vertical direction. By default, Slider renders in horizontal direction. Data type of this property is “Enum”.

Possible Slider orientations are as follows,

Property Table for ASP.NET Core

Property Allowed values Description
Orientation Vertical Displays the Slider in vertical direction
Horizontal (default value) Displays the Slider in horizontal direction

The following steps explains you on how to configure the Orientation property.

  1. In an view page, add a Tag helper element to render it as a Slider widget.
  • cshtml
  • @*Add this code in your view page*@
    
        <ej-slider id="basicSlider" height="150px" width="20px" orientation="Vertical" />

    Execute the above code example to render the following output.

    Slider in vertical Orientation