<UserControl 
    x:Class="ControlExplorer.Controls.ContextMenu.ContextMenuDemo"
    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:c1="using:C1.Xaml"
    xmlns:local="using:ControlExplorer.Controls.ContextMenu"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480">
    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <Border Margin="10" Height="100" Background="{StaticResource PhoneForegroundBrush}" BorderBrush="{StaticResource PhoneBackgroundBrush}"
                BorderThickness="2" VerticalAlignment="Center" Padding="16">
            <c1:C1ContextMenuService.ContextMenu>
                <c1:C1ContextMenu ItemClick="C1ContextMenu_ItemTap">
                    <c1:C1MenuItem x:Name="FirstMenuItem" Header="first menu item"/>
                    <c1:C1MenuItem x:Name="SecondMenuItem" Header="second menu item"/>
                    <c1:C1Separator/>
                    <c1:C1MenuItem x:Name="ThirdMenuItem" Header="third menu item"/>
                </c1:C1ContextMenu>
            </c1:C1ContextMenuService.ContextMenu>
            <TextBlock Text="Tap and hold here to show C1ContextMenu" VerticalAlignment="Center"/>
        </Border>
        <StackPanel Orientation="Horizontal" Grid.Row="1" Margin="10">
            <TextBlock Text="Last selection: "/>
            <TextBlock x:Name="MenuFeedback" Grid.Row="1"/>
        </StackPanel>
    </Grid>
</UserControl>