Animating ItemLoadingTemplate

[JDBPocketware]

I have added animation to the ItemLoadingTemplate for a listbox with Automatic virtualization. The thing is that all animations run at the same time, I want them to start progressively giving a sense of cascade. 

How to achieve this?

[Deyan]

Hi Jandieg,

Currently, there is no straightforward way to achieve this. I presume you are using a Trigger to start the animation and this happens as soon as the item is loaded on the screen. A possible way would be to create a Converter and use it to provide a custom delay for each item when it is loaded.

If, however, you think that I do not correctly understand your scenario, please share some further details or probably a sample project that demonstrates what you are trying to achieve so that I can directly take a look and see how I can help.

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

All the best,
Deyan
the Telerik team

[JDBPocketware]

When I run your samples "item animation" or "performance", that cascade effect can be seen. Are you sure it is not possible for an ItemLoadingTemplate?

[Deyan]

Hello Jandieg,

The animations seen on the Item Animation example are done in a different way.

The Performance example is, I believe, similar to your scenario. It defines an animation in the ItemTemplate and uses a trigger to start it. Since, however, the IsAsyncBalanceEnabled is set to true there, items are realized on dispatcher and thus there is a delay. You can try setting the IsAsyncBalanceEnabled to true in your scenario.

Let me know if this helps.

Kind regards,
Deyan
the Telerik team

[JDBPocketware]

That was it.
So is that the only purpose of that flag? or has any other side effects?

[Deyan]

Hi Jandieg,

The purpose of this property is to turn on or off the Asynchronous Balance functionality in RadDataBoundListBox/RadJumpList. This functionality can be used to speed up the initial realization of items in the control by postponing each item realization on the dispatcher - thus leaving the UI thread free. This has the effect of applying a slight delay between the realization of each separate visual item which in your case has the benefit of adding a delayed start for the animation within the item templates.

Here's some more information on AsyncBalance:

http://www.telerik.com/help/windows-phone/raddataboundlistbox-features-asynchronous-balance.html

Let me know in case you have further questions.

Regards,
Deyan
the Telerik team