Position of the RadNavigationView Menu

1 Answer 9 Views
NavigationView (Hamburger Menu)
Renier Pretorius
Top achievements
Rank 2
Iron
Iron
Iron
Renier Pretorius asked on 13 Oct 2025, 05:33 PM
Can one change the position of the RadNavigationView's Menu section to display on the right side of the screen rather than the left?

1 Answer, 1 is accepted

Sort by
0
Stenly
Telerik team
answered on 14 Oct 2025, 10:15 AM

Hello Renier,

Thank you for reaching out to us.

To achieve this requirement, you could extract the default ControlTemplate of the RadNavigationView control and modify it to achieve this requirement. More specifically, by reordering the elements in it via the Grid.Column property and by reordering the ColumnDefinition instances of the ColumnDefinitions collection of the root Grid panel. Also, the triggers might also need to be modified slightly to correctly position the pane on the right instead of the left.

With this being said, I attached a sample project that showcases this suggestion's implementation. It is built with the Xaml version of our assemblies in mind, and the ControlTemplate of the RadNavigationView is extracted from the Office_Black theme.

Regards,
Stenly
Progress Telerik

Your perspective matters! Join other professionals in the State of Designer-Developer Collaboration 2025: Workflows, Trends and AI survey to share how AI and new workflows are impacting collaboration, and be among the first to see the key findings.
Start the 2025 Survey
Renier Pretorius
Top achievements
Rank 2
Iron
Iron
Iron
commented on 14 Oct 2025, 05:15 PM

Hi Stenly,

Thanks for the feedback and sample project. In the mean time I just set the [FlowDirection] property of the NavigationView to "RightToLeft" which seems to do the trick but have not tested it fully or built out the navigation completely so might still get to a few gotchas. 

Regards

Renier

Stenly
Telerik team
commented on 16 Oct 2025, 08:20 AM

Hello Renier,

I tested the FlowDirection approach, and although it displays the pane on the right side of the control, it will also apply to the content area and the elements defined in the Content property.

The approach with the customization of the default ControlTemplate only reorders the elements, so that it achieves this requirement, and should not affect the position of the elements in the content area.

Tags
NavigationView (Hamburger Menu)
Asked by
Renier Pretorius
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Stenly
Telerik team
Share this question
or