Orientation

C1RangeSlider includes the ability to orient the control either horizontally or vertically using the Orientation property. By default the control initially appears with a horizontal orientation when added to the application, as in the following image:

You can easily change the orientation from the Properties window, in XAML, and in code using the Orientation property:

In XAML
In Code
At Design Time

To set the Orientation property to Vertical add Orientation="Vertical" to the <c1:C1RangeSlider> tag so that it appears similar to the following:

XAML	Copy Code
<c1:C1RangeSlider Name="C1RangeSlider1" Width="26" Orientation="Vertical" />

To set the Orientation property to Vertical, add the following code to your project:

Visual Basic	Copy Code
Me.C1RangeSlider1.Orientation = Orientation.Vertical

C#	Copy Code
this.c1RangeSlider1.Orientation = Orientation.Vertical;

To set the Orientation property to Vertical at Design time, complete the following steps:

Click the C1RangeSlider control once to select it.
Navigate to the Properties window and locate the Orientation property.
Click the drop-down arrow next to the Orientation property and choose Vertical.

This will change the Orientation property so that the control appears vertically.

Run the application and observe:

The C1RangeSlider control will be shown vertically: