Example for RadTileTransition

[Ralf]

Hi,

in one project the start screens is similar to the WP7 start screen so the page transition shoud be a RadTileTransition. After checking the demo project I couldn't really figure out how to get the RadTileTransition to work.

The page constits of the following elements:
PhoneApplicationFrame
+ Grid
++ ScrollViewer
+++ ItemsControl
+++ ItemsControl.ItemTemplate: Border with Grid and some text elements and one image

It would be very helpful if someone could post an example what and there to set the things to get the RadTileTransition working.

Thanks and best regards,

[Todor]

Hello Ralf,

Thank you for contacting us.

When you use RadPhoneApplicationFrame, a transition is applied every time when you navigate between two pages. You just have to set the desired transition to the Transition property of the RadPhoneApplicationFrame. You find more about the PhoneApplicationFrame in our online documentation.

Let me know if you need additional assistance or if you think that there is something unclear in the documentation that needs to be improved.

Thank you for your time.

Kind regards,

Todor
the Telerik team

[Ralf]

Hey,

I got the transitions to work but not the RadTileTransition. The single items aren't animated.I set the PhoneApplicationFrame to an instance of RadPhoneApplicationFrame and set the transition to RadTileTransition.
Do I need any special preparation for RadTileTransition? At the moment I use the turnstyle trnasition and it works perfectly.

Thansk for the help!

[Todor]

Hello Ralf,

Thank you for contacting us.

Due to the nature of the TileTransition, you have to set the Container that you want to animate:

this.SetValue(RadTileAnimation.ContainerToAnimateProperty, this.list);

Here this.list is your container of the items, for example ListBox. I have also attached a sample application to illustatrate the TileTransition only so you can see how it is expected to work.

I hope this helps. If you have other questions, don't hesitate to write us back.

All the best,
Todor
the Telerik team

[Zik]

Hi Todor,

I had a question about this as well.  In the sample provided, and in the Examples app, when using the tile animation the item in the list that was clicked stays around for a second before animating off.  My app doesn't do this.  My list animates on and off properly, but the selected item doesn't stick around.  My list items are more complex though - a button (with an image), and a grid with two columns and two rows, each with a text block.  Is that why the clicked item doesn't hold for a second?  Is there anything I can do to make it stay, an sort of hint I can give the animation system?

Thanks.

[Deyan]

Hello Stephen,

Normally, the selected item's animation should be delayed a bit compared to the other animations. Since there might be something specific in your app that we are not aware of, and that might break this behavior, we would kindly like to ask you to prepare a sample project that reproduces the behavior and send it to us for further investigation.

Note that you will have to open a new support ticket in order to be able to attach your project.

Thanks for your time.

Regards,
Deyan
the Telerik team