How to change flow direction of Ribbon Window in WPF?

1 min read

You can change the direction of the RibbonWindow by using the FlowDirection property. You can also change all the items in the WPF Ribbon control according to its direction using the FlowDirection property.

The following code example illustrates how to change the flow direction.

XAML

<syncfusion:RibbonWindow x:Class="Ribbonwindowflowdirection.MainWindow"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
             Title="MainWindow" Height="350" Width="525" syncfusion:SkinStorage.VisualStyle="Metro" 
             Name="ribbonWindow"
             FlowDirection="RightToLeft">
       <Grid>
             <syncfusion:Ribbon>
                 <syncfusion:Ribbon.ApplicationMenu >
                     <syncfusion:ApplicationMenu IsPopupOpen="False" >
                     </syncfusion:ApplicationMenu>
                 </syncfusion:Ribbon.ApplicationMenu>
                 <syncfusion:Ribbon.QuickAccessToolBar>
                     <syncfusion:QuickAccessToolBar syncfusion:WindowChrome.IsHitTestVisibleInChrome="True"/>
                 </syncfusion:Ribbon.QuickAccessToolBar>
                 <syncfusion:RibbonTab Caption="Home" >
                     <syncfusion:RibbonBar Header="New">
                         <syncfusion:SplitButton SizeForm="Large" Label="New Items"></syncfusion:SplitButton>
                         <syncfusion:RibbonButton SizeForm="Small" Label="New Email"></syncfusion:RibbonButton>
                         <syncfusion:RibbonButton SizeForm="Small" Label="Delete"></syncfusion:RibbonButton>
                     </syncfusion:RibbonBar>
                  </syncfusion:RibbonTab>
              </syncfusion:Ribbon>
       </Grid>
</syncfusion:RibbonWindow>

ribbonWindow.FlowDirection = FlowDirection.RightToLeft;

The following screenshots display the changes in Flowdirection.

Change the flow direction of Ribbon window

View sample in GitHub.

Conclusion

I hope you enjoyed learning how to change flow direction of Ribbon Window in WPF.

You can refer to our WPF Ribbon feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications. You can also explore our WPF Ribbon example to understand how to create and manipulate data.

For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.

If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!

Did you find this information helpful?

Yes

Comments (0)

How to change flow direction of Ribbon Window in WPF?

Access denied