title: How do you load a frame into the HamburgerMenu?
body: <p>I'm trying to create a simple app using the MahApps.Metro <code>HamburgerMenu</code> control. So far I've set up my Main Window as described in the examples:</p>
  
  <pre><code>&lt;Controls:MetroWindow x:Class="HamburgerDemo.MainWindow"
          xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
          xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
          xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
          xmlns:local="clr-namespace:HamburgerDemo"
          xmlns:Controls="http://metro.mahapps.com/winfx/xaml/controls"
          mc:Ignorable="d"
          Title="MainWindow" Height="350" Width="525"&gt;
      &lt;Controls:MetroWindow.Resources&gt;
          &lt;DataTemplate x:Key="HamburgerMenuItem" DataType="{x:Type Controls:HamburgerMenuGlyphItem}"&gt;
              &lt;Grid Height="48"&gt;
                  &lt;Grid.ColumnDefinitions&gt;
                      &lt;ColumnDefinition Width="48" /&gt;
                      &lt;ColumnDefinition /&gt;
                  &lt;/Grid.ColumnDefinitions&gt;
                  &lt;TextBlock Margin="12"
                         HorizontalAlignment="Center"
                         VerticalAlignment="Center"
                         Text="{Binding Glyph}" /&gt;
                  &lt;TextBlock Grid.Column="1"
                             VerticalAlignment="Center"
                             FontSize="16"
                             Text="{Binding Label}" /&gt;
              &lt;/Grid&gt;
          &lt;/DataTemplate&gt;
      &lt;/Controls:MetroWindow.Resources&gt;
      &lt;Grid&gt;
          &lt;Controls:HamburgerMenu ItemTemplate="{StaticResource HamburgerMenuItem}"&gt;
              &lt;Controls:HamburgerMenu.ItemsSource&gt;
                  &lt;Controls:HamburgerMenuItemCollection&gt;
                      &lt;Controls:HamburgerMenuGlyphItem Glyph="1" Label="Page 1"/&gt;
                      &lt;Controls:HamburgerMenuGlyphItem Glyph="2" Label="Page 2"/&gt;
                  &lt;/Controls:HamburgerMenuItemCollection&gt;
              &lt;/Controls:HamburgerMenu.ItemsSource&gt;
          &lt;/Controls:HamburgerMenu&gt;
      &lt;/Grid&gt;
  &lt;/Controls:MetroWindow&gt;
  </code></pre>
  
  <p>I'd like each menu button to link to a specific <code>Page</code> which will be loaded into a <code>Frame</code> when clicked, however I can't figure out how to do this.</p>
  
  <p>I noticed that the <code>HamburgerMenuGlyphItem</code> does have a property <code>TargetPageType</code>, and I imagine that this might be the key but I have no idea how to use this.</p>
  
  <p>If there are better methods to loading content using this control or different design patterns I would love to hear them.</p>