This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(67.2, 85%, 16%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EY%3C/text%3E%3C/svg%3E)
Which property is it in the generic.xaml? I can't even find the TargetType.
Lines within the red rectangles.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(179.20000000000002, 34%, 27%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EXY%3C/text%3E%3C/svg%3E)
@youki, there is a similar case, https://stackoverflow.com/questions/78489666/underline-for-navigationviewitems-in-horizontal-mode-too-small, with an example which you can refer to with the difference that you need to find the "border" element and change its properties. I say the "border" element because it is unlikely that the element is Border.
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>
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(208, 54%, 30%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ET%3C/text%3E%3C/svg%3E)
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!