title: Make an entire user control clickable through a command binding in WPF
body: <p>I'd like to make an entire user control respond to a touch/click event. And, I want to make it happen through a view model binding to a command.</p>
  
  <p>I am trying to make the ENTIRE contents of the user control clickable but I don't know where to bind the command. I know how to bind a button to a command, but essentially, I want the entire control to be a button.</p>
  
  <p>Here is the contents of the user control</p>
  
  <pre><code>&lt;Grid x:Name="gridContent1" Margin="5,0,20,0"&gt;
      &lt;Grid.ColumnDefinitions&gt;
          &lt;ColumnDefinition Width="6*" /&gt;
          &lt;ColumnDefinition Width="2*" /&gt;
          &lt;ColumnDefinition Width="2*" /&gt;
          &lt;ColumnDefinition Width="*" /&gt;
      &lt;/Grid.ColumnDefinitions&gt;
      &lt;Grid.RowDefinitions &gt;
          &lt;RowDefinition Height="*" /&gt;
      &lt;/Grid.RowDefinitions&gt;
      &lt;Label Grid.Row="0" Grid.Column="0" Content="{Binding ShortName}"  /&gt;
      &lt;Label Grid.Row="0" Grid.Column="1" Content="{Binding Value}" ContentStringFormat="0.000"/&gt;
      &lt;Label Grid.Row="0" Grid.Column="2" Content="{Binding UnitOfMeasurement}"  /&gt;
      &lt;Image Grid.Row="0" Grid.Column="3" Source="{Binding TrendDirection, Converter={StaticResource converterTrendDirection}}" Style="{StaticResource TrendImage}" Width="48" Height="32" HorizontalAlignment="Right" /&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p>This is what a list of the controls looks like once it is bound to data.</p>
  
  <p><a href="https://i.stack.imgur.com/0sr2o.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0sr2o.png" alt="User control contents (list)"></a></p>
  
  <p>I am trying to allow the user to click on the control and go to a details chart view of the measurement.</p>
  
  <p>The view model has a command already defined so I would like to bind to that.</p>