title: WPF Slide Content TabItem
body: <p>I want to acheive a slide effect of the content grid on the tab item when the tab clicked.</p>
  
  <p>this is for example my xaml</p>
  
  <pre><code>&lt;StackPanel VerticalAlignment="Center" HorizontalAlignment="Left" &gt;
  
          &lt;TabControl Name="_menuTabControl" TabStripPlacement="Left" &gt;
              &lt;TabItem Name="MainTab" Header="Main" &gt;
  
  
              &lt;Grid&gt;
  
                  &lt;TextBlock     FontFamily="pack://application:,,,/Resources/#Sansation"   FontSize="36"  Text="testing right now" /&gt;
  
  
  
  
              &lt;/Grid&gt;
          &lt;/TabItem&gt;
  
          &lt;TabItem Name="_tabItems1" Header="Autologin" &gt;
  
  
          &lt;/TabItem&gt;
          &lt;TabItem Name="_tabItedms1" Header="Autologin" &gt;
  
  
          &lt;/TabItem&gt;
      &lt;/TabControl&gt;
  
  
  
  
      &lt;/StackPanel&gt;
  </code></pre>
  
  <p>added some style effects
          </p>
  
  <pre><code>        &lt;Setter Property="Foreground" Value="White" /&gt;
          &lt;Setter Property="FontSize" Value="15" /&gt;
          &lt;Setter Property="Width" Value="160"/&gt;
  
          &lt;Setter Property="SnapsToDevicePixels" Value="True" /&gt;
          &lt;Setter Property="Template"&gt;
              &lt;Setter.Value&gt;
                  &lt;ControlTemplate TargetType="{x:Type TabItem}"&gt;
                      &lt;Grid&gt;
                          &lt;Border Name="border1"  
                          Background="Transparent"
                          CornerRadius="3,3,3,3"
                         Cursor="Hand"
                          BorderThickness="0,0,0,1"
                          Panel.ZIndex="50"
  
                          Margin="-7,2,0,0"
                              &gt;
  
                              &lt;ContentPresenter x:Name="ContentSite"             
                              VerticalAlignment="Center"
                              HorizontalAlignment="Left"
                              ContentSource="Header"
                              Margin="10,10,10,10"/&gt;
                          &lt;/Border&gt;
                      &lt;/Grid&gt;
  
  
                      &lt;ControlTemplate.Triggers&gt;
  
  
                          &lt;Trigger Property="IsSelected" Value="True"&gt;
                              &lt;Setter Property="Panel.ZIndex" Value="100" /&gt;
                              &lt;Setter Property="FontSize" Value="17"/&gt;
                              &lt;Setter Property="Margin" Value="0,0,-2,0" /&gt;
                              &lt;Setter Property="Foreground" Value="#cfba6b"/&gt;
  
                              &lt;Setter TargetName="border1"  
                              Property="BorderBrush" 
                              Value="{StaticResource  glass}" /&gt;
  
                              &lt;Setter TargetName="border1"  
                              Property="Background" 
                              Value="{StaticResource glassef }" /&gt;
  
                          &lt;/Trigger&gt;
                          &lt;Trigger Property="IsMouseOver" Value="True"&gt;
                              &lt;Setter TargetName="border1" 
                              Property="Background" 
                              Value="{StaticResource glassef}" /&gt;
  
                              &lt;Setter TargetName="border1"  
                              Property="BorderBrush" 
                              Value="{StaticResource  glass}" /&gt;
                          &lt;/Trigger&gt;
                      &lt;/ControlTemplate.Triggers&gt;
                  &lt;/ControlTemplate&gt;
              &lt;/Setter.Value&gt;
          &lt;/Setter&gt;
      &lt;/Style&gt;
  </code></pre>
  
  <p>`
  i would like to slide the tab item content.
  is it can be done only in pure xaml? or i should use c# too?
  any help would be appreciated.</p>