title: How do I properly style a button in WPF?
body: <p>I know this is a basic question, but I'm having a bit of trouble understanding how to do this properly.</p>
  
  <p>Given the following XAML:</p>
  
  <pre><code>&lt;Button&gt;
      &lt;Grid Grid.Row="1"&gt;
          &lt;Grid.ColumnDefinitions&gt;
              &lt;ColumnDefinition Width="16" /&gt;
              &lt;ColumnDefinition Width="*" /&gt;
          &lt;/Grid.ColumnDefinitions&gt;
  
          &lt;Image Grid.Column="0" Width="16" Height="16" Source="Resources/accept.png" /&gt;
          &lt;TextBlock Grid.Column="1" Margin="2"&gt;Continue&lt;/TextBlock&gt;
      &lt;/Grid&gt;
  &lt;/Button&gt;
  </code></pre>
  
  <p>How would I convert that to a style so that it can be easily reused? What if I were to want to supply the image source and text in an attribute? Is that possible?</p>
  
  <p>On a related note, what are the best practices for structuring the files where you store your styles, etc? Do you just drop them into a new XAML file and stick them in a styles solution folder?</p>
  
  <p>I'm very new to WPF, so, again, I apologize for the basic question.</p>
  
  <p>Ian</p>