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