Slide Transition problem

Aug 21, 2013 at 2:18 PM
I'm trying to use FluidKit to apply Slide Transition effect between two screens of my application. One of these screens is a Grid containing child controls, while the other is a DataGrid. Here's the rough skeleton:

The transition object defined in Window.Resources section:
<Controls:SlideTransition x:Key="ST" Duration="0:0:0.3" />
The presenter along with the two screen objects as its children:
<Controls:TransitionPresenter x:Name="T" Transition="{StaticResource ST}">
    <DataGrid x:Name="P2" />
    <Grid x:Name="P1" >
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <Label Content="Select document:" Grid.Column="0" />
        <TextBox Grid.Column="1" Width="500" />
        <Button Grid.Row="1" Grid.ColumnSpan="2" Content="Browse..." Width="75" />
    </Grid>
</Controls:TransitionPresenter>
And here is the simple code I use to perform transition (behind a button click):
SlideTransition transition = Resources["ST"] as SlideTransition;
transition.Direction = Direction.LeftToRight;
T.ApplyTransition(P1, P2);
The problem I'm facing is that when I move from P1 to P2, the P2 object (the DataGrid) is drawn along with its children (rows,columns,headers etc.) DURING the transition, but when I try to go back from P2 to P1, the P1 object is NOT drawn during the transition. It only appears when the P2 has completed slided out of the view. Any ideas?