Transition distortion

2 posts, 0 answers
  1. Mark
    Mark avatar
    14 posts
    Member since:
    Jun 2006

    Posted 29 Dec 2010 Link to this post

    Dear Sir/Madam,

    We are using the RadTransition control in conjunction with the Silverlight 4 Navigation framework to effect a fade transition whenever we navigate from one page to another in our application. Our issue is that when we navigate from one page (using the "mainframe.Navigate([uri])" syntax) to another of differing height, we get distortion in the fade transition.

    Our code is as follows:

    XAML:

    <ControlTemplate x:Name="FrameTemplate1" TargetType="navigation:Frame">
                <telerik:RadTransitionControl Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" >
                    <telerik:RadTransitionControl.Transition>
                        <telerikTransitions:FadeTransition />                       
                    </telerik:RadTransitionControl.Transition>
                </telerik:RadTransitionControl>
            </ControlTemplate>

    [...]

    <navigation:Frame x:Name="mainFrame" 
                                      UriMapper="{StaticResource myMapper}"  
                                      Navigating="mainFrame_Navigating"
                                      Navigated="mainFrame_Navigated"
                                      VerticalContentAlignment="Top"
                                      Width="682"
                                      Template="{StaticResource FrameTemplate1}" />

    The Silverlight ActiveX object on our initial host .aspx page has a height of 800 as does our initial xaml page, but our next page has a height of 4000. We've been able to change the size of the Silverlight control on the aspx page, using the Silverlight Javascript bridge. We can certainly change the height of the target page dynamically as well, but whether we change that target page's height in the "OnNavigatedTo" method in the target page itself or in the NavigationControl page the distortion still occurs.

    Any thoughts on how to fix this issue?

    Thanks,

    Mark Paris
    Goolara, LLC

     

  2. George
    Admin
    George avatar
    1332 posts

    Posted 04 Jan 2011 Link to this post

    Hi Mark,

    We are aware of this problem with the TransitionControl. Unfortunately, this is a limitation of the control. We don't support changing size of the pages while the transition is happening. I would suggest you to use pages with one and same size. 

    Kind regards,
    George
    the Telerik team
    Browse the videos here>> to help you get started with RadControls for Silverlight
  3. DevCraft banner
Back to Top