title: How to split Xaml Grid column 50/50 when the 2nd column's content is visible?
body: <p>With a grid that has 2 columns, how will I be able to split it 50/50 in width only when the content of the second column is visible?</p>
  
  <pre><code>&lt;Grid&gt;
     &lt;Grid.ColumnDefinitions&gt;
        &lt;ColumnDefinition /&gt;
        &lt;ColumnDefinition /&gt;
     &lt;/Grid.ColumnDefinitions&gt;
  
     &lt;Grid Grid.Column="0"&gt;
        &lt;!-- Some content here --&gt;
     &lt;/Grid&gt;
  
     &lt;Grid Grid.Column="1" Visibility="{Binding HasValue, Converter={StaticResource BooleanToVisibilityConverter}}"&gt;
        &lt;!-- Some content here --&gt;
     &lt;/Grid&gt;    
  &lt;/Grid&gt;
  </code></pre>
  
  <p>If <code>HasValue</code> is true, the grid needs to be split 50/50, else, the first column must occupy the whole screen. </p>