title: How to add sub menu items clicking on MenuItems in xamarin.forms MasterDetailPage
body: <p>Hi I am trying to add submenu items When clicking on the Menuitems in MasterDatailPage.My master page xaml is like</p>
  
  <pre><code>&lt;ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
               xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
               x:Class="HomeMaster"
               Title="Master"
               Icon="hamburger.png"&gt;
    &lt;StackLayout&gt;
          &lt;ListView x:Name="ListViewMenuItems"
                SeparatorVisibility="None"
                HasUnevenRows="true"
                ItemTapped="ListViewMenuItems_ItemTapped"
                ItemsSource="{Binding MenuItems}"&gt;
              &lt;ListView.Header&gt;
                  &lt;Grid BackgroundColor="Transparent"&gt;
                      &lt;Grid.ColumnDefinitions&gt;
                          &lt;ColumnDefinition Width="10"/&gt;
                          &lt;ColumnDefinition Width="*"/&gt;
                          &lt;ColumnDefinition Width="10"/&gt;
                      &lt;/Grid.ColumnDefinitions&gt;
                      &lt;Grid.RowDefinitions&gt;
                          &lt;RowDefinition Height="30"/&gt;
                          &lt;RowDefinition Height="30"/&gt;
                          &lt;RowDefinition Height="Auto"/&gt;
                          &lt;RowDefinition Height="10"/&gt;
                      &lt;/Grid.RowDefinitions&gt;
                      &lt;Image
                Grid.Column="1"
                Grid.Row="2"
                Source="User.png" HeightRequest="100" x:Name="userImg"/&gt;
                  &lt;/Grid&gt;
              &lt;/ListView.Header&gt;
              &lt;ListView.ItemTemplate&gt;
                  &lt;DataTemplate&gt;
                      &lt;ViewCell&gt;
                          &lt;StackLayout&gt;
                              &lt;StackLayout VerticalOptions="FillAndExpand"
                               Orientation="Horizontal"
                               Padding="20,10,0,10"
                               Spacing="20"&gt;
  
                              &lt;Image Source="{Binding Icon}"
                           WidthRequest="40"
                           HeightRequest="40"
                           VerticalOptions="Center" /&gt;
  
                              &lt;Label Text="{Binding Title}"
                           FontSize="Medium"
                           VerticalOptions="Center"
                           TextColor="Black"/&gt;
                          &lt;/StackLayout&gt;
                              &lt;StackLayout Orientation="Vertical" Margin="10" Padding="20,10, 0, 0" IsVisible="{Binding IsExtraControlsVisible}"&gt;
                              &lt;Label Text="Test Definition" FontSize="Medium" VerticalOptions="Center" TextColor="Black"/&gt;
                              &lt;Label Text="Maptest" FontSize="Medium" VerticalOptions="Center" TextColor="Black"/&gt;
                           &lt;/StackLayout&gt;
                         &lt;/StackLayout&gt;
                      &lt;/ViewCell&gt;
                  &lt;/DataTemplate&gt;
              &lt;/ListView.ItemTemplate&gt;
  
          &lt;/ListView&gt;
      &lt;/StackLayout&gt;
  &lt;/ContentPage&gt;
  </code></pre>
  
  <p>in my .cs file ItemTapped is like</p>
  
  <pre><code>private void ListViewMenuItems_ItemTapped(object sender, ItemTappedEventArgs e)
          {
              var item = e.Item as MRPHomeMenuItem;
              if (item.Id == 0)
              {
              item.IsExtraControlsVisible = true;
              }
          }
  </code></pre>
  
  <p>When i click on submenu items total cell is calling because of I given stack layout viewcell.How to add these submenu items in separate cells when clicking on Menuitems  like <a href="https://i.stack.imgur.com/35gZz.png" rel="nofollow noreferrer">this</a></p>