title: Xamarin - How to call click event on user control?
body: <p>I am using xamarin.forms PCL having android and IOS project</p>
  
  <p>I create one usercontrol (two label in stacklayout)</p>
  
  <p>I want to create click event for usercontrol.</p>
  
  <p>below is following code:</p>
  
  <p>.xaml Code</p>
  
  <pre><code>  &lt;local:DashboardBox Grid.Row="2" Grid.Column="0" SLBGColor ="#2E74B5"  BoxTitle="&amp;#x0a; + &amp;#x0a; Income"&gt;
    &lt;local:DashboardBox.GestureRecognizers&gt;
      &lt;TapGestureRecognizer
              Tapped="onInComeTapped"/&gt;
    &lt;/local:DashboardBox.GestureRecognizers&gt;
  &lt;/local:DashboardBox&gt;
  </code></pre>
  
  <p>.cs Code</p>
  
  <pre><code>    async void onInComeTapped(object sender, EventArgs args)
      {
          await Navigation.PushModalAsync(new Income());
      }
  </code></pre>
  
  <p>UserControl code:</p>
  
  <pre><code> &lt;?xml version="1.0" encoding="utf-8" ?&gt;
   &lt;StackLayout xmlns="http://xamarin.com/schemas/2014/forms"
           xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
           x:Class="BudgetManager.Control.DashboardBox"&gt;
  &lt;StackLayout x:Name="SL"  WidthRequest="150" HeightRequest="150" Padding="0,10,0,10"&gt;
  &lt;Grid VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand"&gt;
    &lt;Grid.RowDefinitions&gt;
      &lt;RowDefinition Height="Auto"&gt;&lt;/RowDefinition&gt;
      &lt;RowDefinition Height="*"&gt;&lt;/RowDefinition&gt;
    &lt;/Grid.RowDefinitions&gt;
  
    &lt;Label x:Name="lblTitle" Grid.Row="0" TextColor="White" FontSize="20"  HorizontalTextAlignment="Center"&gt;&lt;/Label&gt;
    &lt;Label x:Name="lblValue"  VerticalOptions="EndAndExpand" Grid.Row="1"  TextColor="White" FontSize="20"  HorizontalTextAlignment="Center"&gt; &lt;/Label&gt;
  
  
  &lt;/Grid&gt;
  &lt;/StackLayout&gt;
  
  &lt;/StackLayout&gt;
  </code></pre>
  
  <p>When I click on usercontrol event "onIncomeTapped" does not called</p>
  
  <p>Please suggest me how to call click event on usercontrol.</p>