This example shows how to customize the orientation in UXRangeSliderBar.

Example

Description

You can specify the orientation of UXRangeSliderBar to Horizontal or Vertical using Orientation property. In horizontal UXRangeSliderBar, the increasing value will start from left to right. In vertical UXRangeSliderBar, the increasing value will start from bottom to top.

Alternatively, you can set IsDirectionReversed property to reverse the direction of the increasing value. If IsDirectionReversed property is set to True, the increasing value will start from right to left in horizontal UXRangeSliderBar and from top to bottom in vertical UXRangeSliderBar.

The following code example shows how to set UXRangeSliderBar as vertical UXRangeSliderBar and reverse the increasing value.

Code

<Intersoft:UXRangeSliderBar Orientation="Vertical" TickPlacement="BottomRight" HandlesVisibility="Visible" SelectionStart="4" SelectionEnd="7" IsDirectionReversed="True" />