Transition between Pages

6 posts, 1 answers
  1. stefko
    stefko avatar
    12 posts
    Member since:
    Aug 2012

    Posted 22 Jun 2010 Link to this post

    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> 
  2. Answer
    Pana
    Admin
    Pana avatar
    748 posts

    Posted 22 Jun 2010 Link to this post

    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
  3. UI for WPF is Visual Studio 2017 Ready
  4. stefko
    stefko avatar
    12 posts
    Member since:
    Aug 2012

    Posted 22 Jun 2010 Link to this post

    Hi Panayot,

    Thanks a lot!
    Work like a charme...

    Thanks
    Stefan
  5. Pana
    Admin
    Pana avatar
    748 posts

    Posted 22 Jun 2010 Link to this post

    Hello Stefko,

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

    Kind regards,
    Panayot
    the Telerik team
  6. Sathish
    Sathish avatar
    10 posts
    Member since:
    Jul 2010

    Posted 19 Jul 2010 Link to this post

    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 

  7. Pana
    Admin
    Pana avatar
    748 posts

    Posted 20 Jul 2010 Link to this post

    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
Back to Top
UI for WPF is Visual Studio 2017 Ready