Play Navigation View Control
Sign in to queue


The navigation view control provides a common vertical layout for top-level areas of your app via a collapsible navigation menu. This control is designed to implement the nav pane, or hamburger menu, pattern and automatically adapts its layout to different window sizes.

Learn more at:







Download this episode

Download captions

The Discussion

  • User profile image

    Hi. I followed your code step by step (New Kids on the Block feelings) and all was working well until I extended Acrylic to the title bar, when all menu items and hamburger menu cease to work. I was capable to track the issue to the TextBlock, but unable to find a solution. Any idea about what I'm doing wrong? And excuse  my English, it's a bit rusty.

  • User profile image

    joasantana's problem with the NavigationView/TextBlock was also identified (and fixed) in a Stackoverflow entry, the link to which is as follows:

    The problem, it seems, is that the TextBlock overlays the NavigationView so when you click on the app the click is registered on the TextBlock and not the NavigationView. Check out the link.

  • User profile image

    The NavigationViewItemHeader doesn't work correctly when collapsing the Nav HamburgerButton. I had to fix it with a Margin property hack:

    <NavigationViewItemHeader Content="Man-Made" Margin="35,0,0,0"/>

Add Your 2 Cents