How can I change the border color of a NavigationView in WinUI 3?

Question

Which property is it in the generic.xaml? I can't even find the TargetType.

Lines within the red rectangles.

Answer 1

Hello @youki,

There are no such properties for this. But you can use the VisualTreeHelper Class to find the desired element and change its properties when the NavigationView is loaded. NavigationView is defined like:

<Style TargetType="controls:NavigationView">
    ...
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="controls:NavigationView">
                ...
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Answer 2

Hi @youki

As you have mentioned, there is no property for this, but there is a key you can add to the NavigationView's resources named "NavigationViewContentGridBorderBrush".

Here's what you need to add to your NavigationView:

<NavigationView.Resources>
    <SolidColorBrush x:Key="NavigationViewContentGridBorderBrush" Color="" />
</NavigationView.Resources>

You can set the value of Color to your desired color. Here are some examples:

Unchanged (for reference)	Red	Transparent (removes border)

Let me know if this answered your question!