Comments on: Silverlight 3 Navigation: Adding transitions to the Frame control

By: jason

jason — Tue, 20 Jul 2010 22:08:02 +0000

I would like to know how to do this as well. Thanks!

By: Greg Hollywood

Greg Hollywood — Thu, 08 Jul 2010 22:56:27 +0000

[code] [/code]

By: Greg Hollywood

Greg Hollywood — Thu, 08 Jul 2010 22:55:09 +0000

Another control that can be used instead of the TransitioningContentControl is the ContentView control from the free SilverlightFX framework by Nikhil K ( http://projects.nikhilk.net/SilverlightFX) It lets you do many different cool transitions with no coding. I switched to this control for the additional out of the box effects and the fact that the TransitioningContentControl would crash for me when I tried to use it as above in an existing project. (New projects it worked fine - I don't know what the conflict was.) This is the control template that I use which provides a very cool cross fade: Greg

By: david.poll

david.poll — Tue, 06 Jul 2010 19:27:53 +0000

Rodney,

Sorry for the delayed response — I’ve been on vacation for the last 10 days.

I apologize for the confusion. Accomplishing this is pretty straightforward. In XAML, you just need to set the Template of your frame control.

In the buil-in navigation project, it will look like this:


                              Style="{StaticResource ContentFrameStyle}"

                              Source="/Home"

                              Navigated="ContentFrame_Navigated"

                              NavigationFailed="ContentFrame_NavigationFailed">

                

                    

                        
                                              MappedUri="/Views/Home.xaml" />

                        
                                              MappedUri="/Views/{pageName}.xaml" />

                    

                

                

                    

                        
                                BorderBrush="{TemplateBinding BorderBrush}"

                                BorderThickness="{TemplateBinding BorderThickness}"

                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"

                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}">

                            
                                                                 Cursor="{TemplateBinding Cursor}"

                                                                 Margin="{TemplateBinding Padding}"

                                                                 HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"

                                                                 VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

                                                                 HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"

                                                                 VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" />

You can also put the ControlTemplate in your control’s resources and then reference it by key using

{StaticResource ControlTemplateKey}

, where ControlTemplateKey is the key you gave the template.

I hope that helps!

-David

By: Rodney

Rodney — Sat, 03 Jul 2010 12:56:24 +0000

Hi David – thanks for sharing – I am a little confused (I am new to SL) – basically I am using Silverlight 4 and don’t have the “ControlTemplate TargetType=”navigation:Frame” code in my project – so either it has changed for SL4 or I going wrong somewhere – please confirm

I added a new Silverlight 4 Navigation project and it looks the same as your demo. I just can’t find the frame code you mentioned and where to add in the transition control. Tips appreciated!

Thanks
Rodney

By: Waleed

Waleed — Thu, 25 Mar 2010 12:18:47 +0000

Me two, I would like to know how to change the transition from the CS.

Best regards

By: DotNetShoutout

DotNetShoutout — Fri, 24 Jul 2009 19:41:00 +0000

Silverlight 3 Navigation: Adding transitions to the Frame control « davidpoll.com…

Thank you for submitting this cool story – Trackback from DotNetShoutout…

By: Links (7/23/2009) « Steve Pietrek – Everything SharePoint

Links (7/23/2009) « Steve Pietrek – Everything SharePoint — Fri, 24 Jul 2009 00:18:40 +0000

[...] Silverlight 3 Navigation: Adding transitions to the Frame control [...]

By: nicolas

nicolas — Tue, 21 Jul 2009 12:12:51 +0000

Thank for this great post. I read both your post and the one from firstfloor software, and having two implementations helps understand better.

I would like to be able to randomly change the transition.
For that I added several VisualStates in the TransitioningFrame template.
I can change the transition by setting transition in the TransitioningContentControl of transitioningframe.xaml, but I can’t figure out how to change it from cs.
I think I have understoot that the regular way to change transition is to have a named layoutToolkit:TransitioningContentControl element in xaml and then change it’s Transition property, but here as the transition control is in a style, it seems it can’t be named and I have no idea how to access the transition property.
Thanks to whoever may help me

By: Dmitry Kadantsev

Dmitry Kadantsev — Mon, 20 Jul 2009 09:00:07 +0000

Great post David,

as simple as it should be.