Search code examples
xamlwinrt-xamlwin-universal-appwindows-10-universaltemplate10

Template 10:Hamburger Basic UI

I am developing a UWP app and I would like to make it look like the ms news app so just like in the news app when I click the Hamburger button it should not shift the title of the page to its right side rather it should do nothing to the title side.

What I get:

By default

What I want:

What I want

Also Secondly what should I do so after clicking the hamburger button when the pane is opened and I click on anywhere other than the Panel like on the grid or on PageHeader the Hamburger control should close automatically just like in the news app.

Solution

  • Got it done by doing this:

      <Controls:HamburgerMenu x:Name="MyHamburgerMenu"
                HamburgerBackground="#FFD13438"
                HamburgerForeground="White"
                NavAreaBackground="#FF2B2B2B"
                NavButtonCheckedBackground="#FFD13438"
                SecondarySeparator="White"
                NavButtonForeground="White"
                **VisualStateWideDisplayMode="CompactOverlay"**
                        >