New to Telerik UI for WPF? Start a free 30-day trial
Orientation
Updated on Sep 24, 2025
Values
The Orientation property is of type System.Windows.Controls.Orientation. Possible values are:
- Orientation.Horizontal: the tollbar/tray is oriented horizontal;
- Orientation.Vertical: the tollbar/tray is oriented vertical;
You can change the orientation at run-time.
The orientation of the tray overrides the toolbar's orientation, i.e. the layout will respects only the tray's orientation.
Sometime it is necessary to adjust the horizontal and vertical alignments when you have changed the orientation - all this depends on the container that holds the ToolBar or the tray control.
XAML
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
<telerik:RadToolBar Orientation="Horizontal" HorizontalAlignment="Stretch" VerticalAlignment="Top" />
<telerik:RadToolBarTray Orientation="Vertical" HorizontalAlignment="Left" VerticalAlignment="Top" />C#
using Telerik.Windows.Controls;
private void ToggleOrientation_Click(object sender, RoutedEventArgs e)
{
if (this.myToolbarTray.Orientation == Orientation.Horizontal)
{
this.myToolbarTray.Orientation = Orientation.Vertical;
this.myToolbarTray.VerticalAlignment = VerticalAlignment.Stretch;
this.myToolbarTray.HorizontalAlignment = HorizontalAlignment.Left;
this.myToolbar.Orientation = Orientation.Vertical;
this.myToolbar.VerticalAlignment = VerticalAlignment.Stretch;
this.myToolbar.HorizontalAlignment = HorizontalAlignment.Left;
}
else
{
this.myToolbarTray.Orientation = Orientation.Horizontal;
this.myToolbarTray.VerticalAlignment = VerticalAlignment.Top;
this.myToolbarTray.HorizontalAlignment = HorizontalAlignment.Stretch;
this.myToolbar.Orientation = Orientation.Horizontal;
this.myToolbar.VerticalAlignment = VerticalAlignment.Top;
this.myToolbar.HorizontalAlignment = HorizontalAlignment.Stretch;
}
}Preview
