title: Make Button on click expand by animation over the other elements in the uniformgrid
body: <p>I'am developing an WPF application while following the MVVM pattern. But I'am having som trouble with animation. I have this uniformGrid filled wih buttons, and when i press one of these buttons I want it to expand by animation all over the other elements in the uniformgrid, until it is the only one in the grid.</p>
  
  <p><strong>Illustration of the Uniform grid with the buttons</strong>
  <img src="https://docs.google.com/drawings/d/16eNKkoaCyTzD9Tzio3gwZ99c6qIlXwFfuMp2MATbQio/pub?w=960&amp;h=720" alt="Pic2"></p>
  
  <p><strong>Illustration of the Uniform grid just after one of the buttons have been clicked. It will Grow to cover all of the elements</strong>
  <img src="https://docs.google.com/drawings/d/1ggm5wN2MrdfLwoFMf7ZJqxOWoouHOz_o0nJJVJeDDx4/pub?w=960&amp;h=720" alt="Pic"></p>
  
  <p>Here is some of the code if you are curious:</p>
  
  <p><strong>The uniformgrid</strong></p>
  
  <pre><code>  &lt;Canvas Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="7" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" x:Name="CanvasContainer"&gt;
  
  
              &lt;ScrollViewer x:Name="TheScrollViewer" Uid="212"  Height="{Binding ActualHeight, RelativeSource={RelativeSource AncestorType=Canvas}}" 
                            Width="{Binding ActualWidth, RelativeSource={RelativeSource AncestorType=Canvas}}" 
                            VerticalScrollBarVisibility="Disabled" HorizontalScrollBarVisibility="Hidden" 
  
                            &gt;
  
                  &lt;ItemsControl   HorizontalAlignment="Stretch" ItemsSource="{Binding PageList}"  &gt;
  
                      &lt;ItemsControl.ItemsPanel&gt;
                          &lt;ItemsPanelTemplate&gt;
                              &lt;StackPanel Orientation="Horizontal" IsItemsHost="True"/&gt;
                          &lt;/ItemsPanelTemplate&gt;
                      &lt;/ItemsControl.ItemsPanel&gt;
                      &lt;ItemsControl.ItemTemplate&gt;
                          &lt;DataTemplate&gt;
  
                              &lt;ItemsControl ItemsSource="{Binding}"  Height="{Binding ActualHeight, RelativeSource={RelativeSource AncestorType=Canvas}}" 
                            Width="{Binding ActualWidth, RelativeSource={RelativeSource AncestorType=Canvas}}"&gt;
  
                                  &lt;ItemsControl.ItemsPanel&gt;
                                      &lt;ItemsPanelTemplate&gt;
                                          &lt;UniformGrid 
                                              Rows="{Binding KeyboardModel.GridRows, Source={StaticResource Locator}}" 
                                                        Columns="{Binding KeyboardModel.GridColumns, Source={StaticResource Locator}}" &gt;
                                              &lt;/UniformGrid&gt;
                                      &lt;/ItemsPanelTemplate&gt;
                                  &lt;/ItemsControl.ItemsPanel&gt;
                                  &lt;ItemsControl.ItemTemplate&gt;
                                      &lt;DataTemplate&gt;
                                          &lt;Grid&gt;
                                              &lt;navigationControls:SymbolControl&gt;&lt;/navigationControls:SymbolControl&gt;
  
  
                                          &lt;/Grid&gt;
  
  
                                      &lt;/DataTemplate&gt;
                                  &lt;/ItemsControl.ItemTemplate&gt;
                              &lt;/ItemsControl&gt;
                          &lt;/DataTemplate&gt;
  
                      &lt;/ItemsControl.ItemTemplate&gt;
                  &lt;/ItemsControl&gt;
              &lt;/ScrollViewer&gt;
  
  
          &lt;/Canvas&gt;
  </code></pre>
  
  <p><strong>Button</strong></p>
  
  <pre><code>&lt;Grid&gt;
      &lt;Button   x:Name="SymbolButton"   wpf:WindowBoundInteraction.Command="{Binding KeyboardModel.UpdateSymbolsCommand, Source={StaticResource Locator}}" 
     CommandParameter="{Binding}"  Width="200"  Style="{StaticResource SymbolButtonStyle}" &gt;
  
          &lt;StackPanel HorizontalAlignment="Center" VerticalAlignment="Center"&gt;
              &lt;Image Source="{Binding Path=Image}" Height="100"/&gt;
              &lt;TextBlock Text="{Binding Name}" HorizontalAlignment="Center" FontSize="20" /&gt;
          &lt;/StackPanel&gt;
          &lt;Button.RenderTransform&gt;
              &lt;TranslateTransform&gt;&lt;/TranslateTransform&gt;
          &lt;/Button.RenderTransform&gt;
          &lt;Button.Triggers&gt;
              &lt;!-- &lt;EventTrigger RoutedEvent="Button.Loaded"&gt;
                  &lt;BeginStoryboard Storyboard="{StaticResource FadeInStoryboard}"&gt;&lt;/BeginStoryboard&gt;
              &lt;/EventTrigger&gt;--&gt;
              &lt;EventTrigger RoutedEvent="wpf:WindowBoundInteraction.Activate"&gt;
                  &lt;BeginStoryboard Storyboard="{StaticResource Minimize}"&gt;&lt;/BeginStoryboard&gt;
              &lt;/EventTrigger &gt;
          &lt;/Button.Triggers&gt;
  
      &lt;/Button&gt;
  
  &lt;/Grid&gt;
  </code></pre>
  
  <p>Don't necessairly need a long answer, if someone could pinpoint me in the right direction I would be really happy.</p>