New to Telerik UI for WPF? Start a free 30-day trial

Direction

Updated on Sep 24, 2025

The IsDirectionReversed property determines whether the direction of increasing Value is reversed from the default direction. By default the property is false and values increase from left to right for a horizontal slider.

For a vertical Slider the values increase from bottom to top. When you set the IsDirectionReversed property to true, the direction of increasing value reverses.

XAML

	<telerik:RadSlider Maximum="10" TickFrequency="1" TickPlacement="TopLeft" IsDirectionReversed="False">
	    <telerik:RadSlider.TickTemplate>
	        <DataTemplate>
	            <Grid>
	                <TextBlock Text="{Binding}" FontSize="11" />
	            </Grid>
	        </DataTemplate>
	    </telerik:RadSlider.TickTemplate>
	</telerik:RadSlider>

WPF RadSlider Normal Direction Horizontal

XAML

	<telerik:RadSlider Maximum="10" TickFrequency="1" TickPlacement="TopLeft" IsDirectionReversed="True">
	    <telerik:RadSlider.TickTemplate>
	        <DataTemplate>
	            <Grid>
	                <TextBlock Text="{Binding}" FontSize="11" />
	            </Grid>
	        </DataTemplate>
	    </telerik:RadSlider.TickTemplate>
	</telerik:RadSlider>

WPF RadSlider Reversed Direction Horizontal

XAML

	<telerik:RadSlider Height="250" 
	           Margin="10"
	           IsDirectionReversed="False"
	           Maximum="10"
	           Orientation="Vertical"
	           TickFrequency="1"
	           TickPlacement="TopLeft">
	    <telerik:RadSlider.TickTemplate>
	        <DataTemplate>
	            <Grid>
	                <TextBlock FontSize="11" Text="{Binding}" />
	            </Grid>
	        </DataTemplate>
	    </telerik:RadSlider.TickTemplate>
	</telerik:RadSlider>

WPF RadSlider Normal Direction Vertical

XAML

	<telerik:RadSlider Height="250" 
	           Margin="10"
	           IsDirectionReversed="True"
	           Maximum="10"
	           Orientation="Vertical"
	           TickFrequency="1"
	           TickPlacement="TopLeft">
	    <telerik:RadSlider.TickTemplate>
	        <DataTemplate>
	            <Grid>
	                <TextBlock FontSize="11" Text="{Binding}" />
	            </Grid>
	        </DataTemplate>
	    </telerik:RadSlider.TickTemplate>
	</telerik:RadSlider>

WPF RadSlider Reversed Direction Vertical