[Solved] Animation on RadPhoneApplicationFrame background

[Cristovao]

Hi!
I've setup my transitions animations fine...
But some apps have a similar "loading" animation on the background while applying the transition...
I was able to get me a background image

RootFrame = new RadPhoneApplicationFrame
           {
               Background = new ImageBrush
               {
                   ImageSource = new BitmapImage(new Uri("Content/Loading.jpg", UriKind.RelativeOrAbsolute)),
                   Opacity = 1,
                   Stretch = Stretch.None
               }
               ,
               Height = 800

           }; ;

is what i want even possible?

[Valentin.Stoychev]

Hi,

You can edit the control template of the RadPhoneApplicationFrame and to include your animation there. but please note that depending on the implementation of the animation the performance of the application may drop.

Please let us know if you need more help.

Greetings, Valentin.Stoychev
the Telerik team

[Cristovao]

Can you POST the black default style/template(XAML) to start building on top?

[Valentin.Stoychev]

Hello,

Yes - here it is:

<ControlTemplate TargetType="telerikPrimitives:RadPhoneApplicationFrame">
                    <Border x:Name="ClientArea" Background="{TemplateBinding Background}"
                                HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                                VerticalAlignment="{TemplateBinding VerticalAlignment}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}" >

                            <telerikPrimitives:RadTransitionControl
                                x:Name="TransitionControl"
                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                Margin="{TemplateBinding Padding}"
                                Content="{TemplateBinding Content}"
                                ContentTemplate="{TemplateBinding ContentTemplate}"
                                Transition="{TemplateBinding Transition}">

                            </telerikPrimitives:RadTransitionControl>

                        </Border>
                </ControlTemplate>

Kind regards, Valentin.Stoychev
the Telerik team