title: Xaml Xamarin Forms Absolute Layout Overlap
body: <p><a href="https://i.stack.imgur.com/zZAhd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zZAhd.png" alt="AbsoluteLayoutTemplate"></a></p>
  
  <p>Given the above image, how would I go about to setup my Absolute Layouts? 
  I would like to have my blue absolute layout overlap the red border absolute layout. I understand there's a <a href="https://developer.xamarin.com/api/type/Xamarin.Forms.AbsoluteLayout/" rel="nofollow noreferrer">doc</a> explaining how AbsoluteLayouts work however I still don't completely understand it 100%.</p>
  
  <p>I have tried setting up the layouts the following way but the blue square is always hidden.</p>
  
  <p>With the below code I don't end up seeing the blue layout at all.</p>
  
  <pre><code>&lt;AbsoluteLayout&gt;
   &lt;AbsoluteLayout x:Name="BlueSquare"&gt;
      &lt;StackLayout&gt; (Asumme there is a list of things in here) &lt;/StackLayout&gt;
   &lt;/AbsoluteLayout&gt;
   &lt;AbsoluteLayout x:Name="RedBorderArea"&gt;
      &lt;StackLayout&gt; (Asumme there is another list of stuff in here) &lt;/StackLayout&gt;
   &lt;/AbsoluteLayout&gt;
  &lt;/AbsoluteLayout&gt;
  </code></pre>