title: Tap event for a rectangle with text and image on top of it
body: <p>I am trying to create a UI which gives a tile like feel to the end user. I have three elements - rectangle,text and image in the following manner:</p>
  
  <pre><code>&lt;Rectangle Name="systemTime" Height="173" Width="173" Grid.Column="0" Grid.Row="0" Fill="{StaticResource PhoneAccentBrush}" Opacity="0.85" Margin="0,12,12,12" /&gt;
  &lt;TextBlock Text="System Time" Grid.Row="0" Grid.Column="0" FontSize="{StaticResource PhoneFontSizeMediumLarge}" TextWrapping="Wrap" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="12,0,0,15" /&gt;
  &lt;Image Source="images\System time.jpg" Grid.Row="0" Grid.Column="0" Width="150" Height="115" HorizontalAlignment="Center" VerticalAlignment="Center" Opacity="0.9" Margin="-10,0,0,20" /&gt;
  </code></pre>
  
  <p>Now I want to assign a Tap event handler to the rectangle. The problem is that if I assign it only to the rectangle then it doesn't work if the user clicks on the text or image. I want to do something such that the the text and image appear on top of the rectangle plus the entire rectangle is clickable, i.e. it responds to the tap event!</p>
  
  <p>Looking for a solution which does not involve assigning the same tap event to the Textblock and Image</p>