Changing MenuItem's alignment

Radzen.Blazor Components
1

I am using Radzen via the NuGet library.

Instead of having the menu on the left-hand side of the app, I have it on the right. When I do that, by default the dropdown item align along the left edge of the topmost MenuItem which causes most of the item be the cutoff by the right edge to the browser. I played with the css style on .rz-navigation-menu to float to the right, but no luck.

Anyone know what I need to change? Thanks!

2

right after I posted this...I figured it out...sort of. Here's what I ended up doing...any feedback is welcomed:

.rz-menu .rz-navigation-item {
** justify-items: flex-end;**
** direction: rtl;**
}

1 Like
3

This would move the Arrow from one side to the other, Is there a way to do the same but without moving the arrow ?