Transition between Pages

[stefko]

Hello,

How can I handle a Transition between Pages?

Thanks
Stefan

<Window.CommandBindings>
        <CommandBinding Command="NavigationCommands.GoToPage" Executed="GoToPageExecuteHandler" CanExecute="GoToPageCanExecuteHandler" />
    </Window.CommandBindings>

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <Menu Name="menuemal" Grid.Column="0" Grid.Row="0">
            <MenuItem Header="Page 1" Command="NavigationCommands.GoToPage" CommandParameter="Page/Page1.xaml" CommandTarget="{Binding ElementName=frmContent}" />
            <MenuItem Header="Page 2" Command="NavigationCommands.GoToPage" CommandParameter="Page/Page2.xaml" CommandTarget="{Binding ElementName=frmContent}" />
            <MenuItem Header="Page 3" Command="NavigationCommands.GoToPage" CommandParameter="Page/Page3.xaml" CommandTarget="{Binding ElementName=frmContent}" />
            <MenuItem Header="Page without master" Command="NavigationCommands.GoToPage" CommandParameter="Page/PageWithoutMaster.xaml" CommandTarget="{Binding ElementName=frmContent}" />
        </Menu>

        <Frame NavigationUIVisibility="Hidden" Name="frmContent" Grid.Column="0" Grid.Row="1" Source="Page/Page1.xaml" />

        <telerik:RadTransitionControl Grid.Column="1"
                                   Content="{Binding SelectedItem, ElementName=frmContent}" Duration="00:00:03" >
            <telerik:RadTransitionControl.Transition>
                <telerikTransitions:MotionBlurredZoomTransition />
            </telerik:RadTransitionControl.Transition>
        </telerik:RadTransitionControl>

    </Grid>

[Pana]

Hi Stefko,

it is recommended to edit the Frame's ContentTemplate and replace the ContentPresenter with RadTransitionControl. It is fairly easy as the Frame does not contain much than a Border and a ContentPresenter.

I have created an example project for you. You can also find more information here.

All the best,
Panayot
the Telerik team

[stefko]

Hi Panayot,

Thanks a lot!
Work like a charme...

Thanks
Stefan

[Pana]

Hello Stefko,

I am glad I could help. If you have further questions do not hesitate to ask.

Kind regards,
Panayot
the Telerik team

[Sathish]

Hello Panayat,
        I tried to open the project you have attached here with no luck.

\200523_silverlightapplication20\SilverlightApplication20\SilverlightApplication20.csproj : error : Unable to read the project file 'SilverlightApplication20.csproj'.

\200523_silverlightapplication20\SilverlightApplication20\SilverlightApplication20.csproj(120,3): The imported project "C:\Program Files\MSBuild\Microsoft\Silverlight\v4.0\Microsoft.Silverlight.CSharp.targets" was not found. Confirm that the path in the <Import> declaration is correct, and that the file exists on disk.

Can you please help me solve this issue?


Thanks 

[Pana]

Hello Sathish,

The project is in C#. Can you open C# projects in general or do you have problems with that one? The most important thing in the attachment is actually the ControlTemplate of the Frame. You can open the .xaml files in notepad and find the template. Then copy it in your project and it should work. Do not forget the namespaces too.

All the best,
Panayot
the Telerik team