title: Display a Flyout in a row?
body: <p>I've a list of content inside a <code>ListView</code>, each item contains an id, this id will passed into an event that's should show the details of the row clicked inside the Flyout. Now I've this situation:</p>
  
  <pre><code>&lt;Grid&gt;
      &lt;Grid.ColumnDefinitions&gt;
          &lt;ColumnDefinition Width="*"/&gt;
      &lt;/Grid.ColumnDefinitions&gt;
      &lt;Grid.RowDefinitions&gt;
          &lt;RowDefinition Height="Auto"/&gt;
          &lt;RowDefinition Height="5" x:Name="FlyoutRow"/&gt;
      &lt;/Grid.RowDefinitions&gt;
  </code></pre>
  
  <p>so how you can see in the main grid I've defined a <code>row</code> called <code>FlyoutRow</code>, this row is not visible at startup but only when the user click on the event avaialble in the <code>ListView</code>.</p>
  
  <p>Now the problem's that the row height is 5 so the <code>Flyout</code> will never appear to the user, is possible expand the row keeping the <code>Flyout</code> animation?</p>
  
  <p>This is my implementation of the <code>Flyout</code>:</p>
  
  <pre><code>&lt;Controls:Flyout x:Name="Flyout" Header="Flyout" Grid.Row="1"&gt;
  
  &lt;/Controls:Flyout&gt;
  </code></pre>