title: Scale button inside grid
body: <p>I currently have a grid with 4 columns and 2 rows.
  Inside each cell of this grid is a custom button (made out of a canvas, rectangle and a textblock grouped into a button control with blend 4).</p>
  
  <p>So basicaly this grid has 8 custom buttons that are all alike in size but just differ from text content.</p>
  
  <p><strong>Problem:</strong></p>
  
  <p>When i enlarge my screen the grid and the cells grow with the window size correctly.
  The position of the buttons also size correctly. <strong><em>But the size of the buttons never changes.</em></strong></p>
  
  <p>How to modify the grid/button so the buttons actually grow in size when the screen gets larger?
  All settings like width and height are set to auto.</p>
  
  <p>Example of some code of the grid:</p>
  
  <pre><code> &lt;Grid x:Name="gridSubCategories" Margin="15,125,15,50"&gt;
          &lt;Grid.ColumnDefinitions&gt;
              &lt;ColumnDefinition /&gt;
              &lt;ColumnDefinition /&gt;
              &lt;ColumnDefinition /&gt;
              &lt;ColumnDefinition /&gt;
          &lt;/Grid.ColumnDefinitions&gt;
  
          &lt;Grid.RowDefinitions&gt;
              &lt;RowDefinition /&gt;
              &lt;RowDefinition /&gt;
          &lt;/Grid.RowDefinitions&gt;
  
          &lt;Button x:Name="btnTestOne" Content="TestOne" Margin="9.426,29.05,9.425,29.05" Style="{DynamicResource ButtonStyleTestOne}" 
                  Grid.Column="0" Grid.Row="0" HorizontalContentAlignment="Stretch"/&gt;
  </code></pre>
  
  <p>Best regards.</p>