title: XAML Grid Visibility Transition?
body: <p>I have a Grid that has Visibility bound to a property in my viewmodel. This all works fine -- the Grid appears/disappears correctly. My question is, how can I apply a transition so that instead of just instantly disappearing from the screen, the grid content slides into the edge of the UI? When made visible it should slide back out again.</p>
  
  <pre><code> &lt;Grid Grid.Row="0" Grid.RowSpan="2"
                Grid.Column="0"
                Margin="30,30,0,30"
                Visibility="{Binding IsSearchEnabled, Converter={StaticResource visibilityConverter}}"&gt;
              &lt;Grid.RowDefinitions&gt;
                  &lt;RowDefinition Height="60"&gt;&lt;/RowDefinition&gt;
                  &lt;RowDefinition Height="*"&gt;&lt;/RowDefinition&gt;
              &lt;/Grid.RowDefinitions&gt;
  </code></pre>
  
  <p>...</p>