title: How to bind an image to a button template using Blend?
body: <p>In Microsoft Expression Blend, I have the following button template:</p>
  
  <pre><code>    &lt;ControlTemplate x:Key="ImageBlueButton" TargetType="{x:Type Button}"&gt;
          &lt;Grid x:Name="MainGrid" Width="75" Height="50"&gt;
              &lt;Grid.RowDefinitions&gt;
                  &lt;RowDefinition Height="0.5*"/&gt;
                  &lt;RowDefinition Height="0.5*"/&gt;
              &lt;/Grid.RowDefinitions&gt;  
              &lt;ContentPresenter x:Name="TextContent" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0" Grid.Row="1" d:LayoutOverrides="Width, Height"/&gt;
              &lt;Image x:Name="ButtonImage" Margin="0" Grid.RowSpan="1" HorizontalAlignment="Center" VerticalAlignment="Center" Source="{TemplateBinding Content}"/&gt;
          &lt;/Grid&gt;         
      &lt;/ControlTemplate&gt;
  </code></pre>
  
  <p>I manually edited the XAML to add the Source={TemplateBinding Content} property to the Image tag.  My question is, how do I assign an image to a button object that's using this template inside Blend?</p>
  
  <p>In Blend, I can see a Common Properties window with Content field in it, but changing it only updates the text on the button. I'm guessing I need to use Custom Expression, to set both Text Content and Image content at the same time?</p>