This is a migrated thread and some comments may be shown as answers.

Transition between Pages

5 Answers 252 Views
TransitionControl
This is a migrated thread and some comments may be shown as answers.
stefko
Top achievements
Rank 1
stefko asked on 22 Jun 2010, 08:49 AM
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> 

5 Answers, 1 is accepted

Sort by
0
Accepted
Pana
Telerik team
answered on 22 Jun 2010, 09:20 AM
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
0
stefko
Top achievements
Rank 1
answered on 22 Jun 2010, 09:38 AM
Hi Panayot,

Thanks a lot!
Work like a charme...

Thanks
Stefan
0
Pana
Telerik team
answered on 22 Jun 2010, 09:49 AM
Hello Stefko,

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

Kind regards,
Panayot
the Telerik team
0
Sathish
Top achievements
Rank 1
answered on 19 Jul 2010, 04:52 PM
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 

0
Pana
Telerik team
answered on 20 Jul 2010, 06:29 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
TransitionControl
Asked by
stefko
Top achievements
Rank 1
Answers by
Pana
Telerik team
stefko
Top achievements
Rank 1
Sathish
Top achievements
Rank 1
Share this question
or