title: How do I create a two column layout using xaml RelativePanel?
body: <p>I'd really like to use RelativePanel in a UWP app I'm writing, to simplify visual state. </p>
  
  <p>This is what I want </p>
  
  <p><a href="https://i.stack.imgur.com/8uwlE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8uwlE.png" alt="enter image description here"></a></p>
  
  <p>I've tried to achieve this with the following XAML:</p>
  
  <pre><code>&lt;RelativePanel&gt;
  
      &lt;TextBlock x:Name="Title" Height="50" Margin="15" FontSize="24"
          RelativePanel.AlignTopWithPanel="True" 
          RelativePanel.AlignLeftWithPanel="True" 
          RelativePanel.AlignRightWithPanel="True"&gt;
      &lt;/TextBlock&gt;
  
      &lt;TextBox x:Name="Editor" Margin="15" Padding="20" HorizontalAlignment="Stretch" 
          RelativePanel.AlignLeftWithPanel="True" 
          RelativePanel.Below="Title" 
          RelativePanel.RightOf="FileList"&gt;
      &lt;/TextBox&gt;  
  
      &lt;ListView x:Name="FileList" HorizontalAlignment="Stretch" Margin="15"
          RelativePanel.AlignRightWithPanel="True" 
          RelativePanel.Below="Title"&gt;
      &lt;/ListView&gt;
  
  &lt;/RelativePanel&gt;
  </code></pre>
  
  <p>This isn't working. <code>Editor</code> does not stretch. If I set <code>Editor</code> to <code>RelativePanel.AlignRightWith="FilesList"</code>, it stretches past files list and fills the window. </p>
  
  <p>Is there any way to do what I want with <code>RelativePanel</code>? Please don't post suggestions on how to do this in <code>Grid</code>, I can already do that - I want to use <code>RelativePanel</code> in this case</p>