title: New Button style Image not showing
body: <p>I am making a style for button to appear in a custom way <img src="https://i.stack.imgur.com/nClul.png" alt="enter image description here"></p>
  
  <p>The Idea is to write the Image source in the Tag property and the Text in the Content property</p>
  
  <p>So the style goes like this</p>
  
  <pre><code>&lt;Style x:Key="NormalButtonStyle" TargetType="Button"&gt;
      &lt;Setter Property="Background" Value="Black"/&gt;
      &lt;Setter Property="Foreground" Value="White"/&gt;
      &lt;Setter Property="Padding" Value="12,4,12,4"/&gt;
      &lt;Setter Property="HorizontalAlignment" Value="Left"/&gt;
      &lt;Setter Property="VerticalAlignment" Value="Center"/&gt;
      &lt;Setter Property="FontWeight" Value="SemiBold"/&gt;
      &lt;Setter Property="Template"&gt;
          &lt;Setter.Value&gt;
              &lt;ControlTemplate TargetType="Button"&gt;
                  &lt;Grid Background="{TemplateBinding Background}"&gt;
                      &lt;Grid.ColumnDefinitions&gt;
                          &lt;ColumnDefinition Width="Auto"/&gt;
                          &lt;ColumnDefinition Width="*"/&gt;
                      &lt;/Grid.ColumnDefinitions&gt;
                      &lt;Image Source="{TemplateBinding Tag}" Height="{TemplateBinding Height}" Width="{TemplateBinding Height}"/&gt;
                      &lt;ContentPresenter x:Name="ContentPresenter" Grid.Column="1" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/&gt;
                  &lt;/Grid&gt;
                  &lt;ControlTemplate.Triggers&gt;
                      &lt;Trigger Property="IsMouseOver" Value="true"&gt;
                          &lt;Setter Property="Foreground" Value="Red" /&gt;
                      &lt;/Trigger&gt;
  
                      &lt;Trigger Property="IsPressed" Value="true"&gt;
  
                          &lt;Setter Property="Foreground" Value="Gray"/&gt;
  
                      &lt;/Trigger&gt;
  
                  &lt;/ControlTemplate.Triggers&gt;
              &lt;/ControlTemplate&gt;
          &lt;/Setter.Value&gt;
      &lt;/Setter&gt;
  &lt;/Style&gt;
  </code></pre>
  
  <p>Image does not display and only the Text apears</p>
  
  <p></p>
  
  <p>I call the button like this in the MainWindow</p>
  
  <pre><code>&lt;Button Style="{DynamicResource NormalButtonStyle}" Tag="/iPARK;component/Resources/Sign%20out_icon.png" HorizontalAlignment="Right" Margin="20" Click="Signout_Click"/&gt;
  </code></pre>
  
  <p>If I set the image in the style file directly like this then it shows but then it cannot be reused for other images</p>
  
  <pre><code>&lt;Image Source="/iPARK;component/Resources/Sign%20out_icon.png" Height="{TemplateBinding Height}" Width="{TemplateBinding Height}"/&gt;
  </code></pre>