title: Fit Content To Columns Xaml
body: <p>I'm working with XAML and I need to accomplish the following:</p>
  
  <p>I have a series of buttons, and I need to be fit against a particular column when the resolution is changed.
  Use the DockPanel element, but what achievement with that is that the column buttons suits. What I need is the opposite that the size of the buttons fit the column.
  Any suggestions?</p>
  
  <p>Here is the code</p>
  
  <pre><code>    &lt;Grid&gt;
          &lt;Grid.ColumnDefinitions&gt;
              &lt;ColumnDefinition Width="25*"/&gt;
              &lt;ColumnDefinition Width="50*"/&gt;
              &lt;ColumnDefinition Width="25*"/&gt;
          &lt;/Grid.ColumnDefinitions&gt;
          &lt;Border Grid.Column="0"/&gt;
          &lt;Border Grid.Column="2"/&gt;
          &lt;Border Grid.Column="1" &gt;
          &lt;Grid Name ="grillaEditor"&gt;
              &lt;Grid.RowDefinitions&gt;
                  &lt;RowDefinition Height="12*"/&gt;
                  &lt;RowDefinition/&gt;
              &lt;/Grid.RowDefinitions&gt;
              &lt;Border Grid.Row="0"/&gt;
              &lt;Border Grid.Row="1"&gt;
                  &lt;StackPanel Orientation="Horizontal"&gt;
                      &lt;StackPanel  Orientation="Horizontal" &gt;
                          &lt;Button Width="30" Height="30" BorderBrush="{x:Null}"   &gt;
                              &lt;StackPanel&gt;
                                      &lt;Image Source="Resources/Images/Icons/undo-26.png" &gt;&lt;/Image&gt;
                              &lt;/StackPanel&gt;
                          &lt;/Button&gt;
                          &lt;Button Width="30" Height="30" BorderBrush="{x:Null}" &gt;
                              &lt;StackPanel&gt;
                                      &lt;Image Source="Resources/Images/Icons/redo-26.png" &gt;&lt;/Image&gt;
                              &lt;/StackPanel&gt;
                          &lt;/Button&gt;
                          &lt;Button Width="30" Height="30" BorderBrush="{x:Null}"&gt;
                              &lt;StackPanel&gt;
                                  &lt;Image Source="Resources/Images/Icons/paste-26.png" &gt;&lt;/Image&gt;
                              &lt;/StackPanel&gt;
                          &lt;/Button&gt;
                          &lt;Button Width="30" Height="30" BorderBrush="{x:Null}" &gt;
                              &lt;StackPanel&gt;
                                      &lt;Image Source="Resources/Images/Icons/cut-26.png" &gt;&lt;/Image&gt;
                              &lt;/StackPanel&gt;
                          &lt;/Button&gt;
                          &lt;Button Width="30" Height="30" BorderBrush="{x:Null}" &gt;
                              &lt;StackPanel&gt;
                                  &lt;Image Source="Resources/Images/Icons/copy-26.png" &gt;&lt;/Image&gt;
                              &lt;/StackPanel&gt;
                          &lt;/Button&gt;
                          &lt;Button Width="30" Height="30" BorderBrush="{x:Null}"&gt;
                              &lt;StackPanel&gt;
                                  &lt;Image Source="Resources/Images/Icons/trash-26.png" &gt;&lt;/Image&gt;
                              &lt;/StackPanel&gt;
                          &lt;/Button&gt;
                          &lt;Button Width="30" Height="30"  &gt;
                              &lt;StackPanel&gt;
                                  &lt;Image Source="Resources/Images/Icons/left_circular-26.png" &gt;&lt;/Image&gt;
                              &lt;/StackPanel&gt;
                          &lt;/Button&gt;
                          &lt;Button Width="30" Height="30"  &gt;
                              &lt;StackPanel&gt;
                                      &lt;Image Source="Resources/Images/Icons/right_circular-26.png" &gt;&lt;/Image&gt;
                              &lt;/StackPanel&gt;
                          &lt;/Button&gt;
                          &lt;Button Width="30" Height="30"" &gt;
                              &lt;StackPanel&gt;
                                  &lt;Image Source="Resources/Images/Icons/up_circular-26.png" &gt;&lt;/Image&gt;
                              &lt;/StackPanel&gt;
                          &lt;/Button&gt;
                          &lt;Button Width="30" Height="30" &gt;
                              &lt;StackPanel&gt;
                                      &lt;Image Source="Resources/Images/Icons/down_circular-26.png" &gt;&lt;/Image&gt;
                              &lt;/StackPanel&gt;
                          &lt;/Button&gt;
                          &lt;Button Width="30" Height="30" &gt;
                              &lt;StackPanel&gt;
                                  &lt;Image Source="Resources/Images/Icons/restart-26.png" &gt;&lt;/Image&gt;
                              &lt;/StackPanel&gt;
                          &lt;/Button&gt;
                          &lt;Button Width="30" Height="30" &gt;
                              &lt;StackPanel&gt;
                                      &lt;Image Source="Resources/Images/Icons/select_all-26.png" &gt;&lt;/Image&gt;
                              &lt;/StackPanel&gt;
                          &lt;/Button&gt;
                          &lt;Button Width="30" Height="30" BorderBrush="{x:Null}" &gt;
                              &lt;StackPanel&gt;
                                      &lt;Image Source="Resources/Images/Icons/zoom_out-26.png" &gt;&lt;/Image&gt;
                              &lt;/StackPanel&gt;
                          &lt;/Button&gt;
                          &lt;Button Width="30" Height="30" BorderBrush="{x:Null}" &gt;
                              &lt;StackPanel&gt;
                                      &lt;Image Source="Resources/Images/Icons/zoom_in-26.png" &gt;&lt;/Image&gt;
                              &lt;/StackPanel&gt;
                          &lt;/Button&gt;
                          &lt;Button Width="30" Height="30" BorderBrush="{x:Null}" &gt;
                              &lt;StackPanel&gt;
                                      &lt;Image Source="Resources/Images/Icons/resize_four_directions-26.png" &gt;&lt;/Image&gt;
                              &lt;/StackPanel&gt;
                          &lt;/Button&gt;
                      &lt;/StackPanel&gt;
                  &lt;/StackPanel&gt;
                  &lt;/Border&gt;
              &lt;/Grid&gt;
          &lt;/Border&gt;
  </code></pre>