Since Q2 release, ItemAdded animations are flickering

[Bernhard König]

Hi,

when I upgraded my app to Q2 release, I noticed that ItemAdded animations didn't play nicely anymore when the list is initially filled (after opening the page and a bunch of items gets filled into the list over binding). There was some kind of flickering. I experimented a bit and it seemed that when AsyncBalanceMode is set to "Standard", ItemAddedAnimations get played twice.

The problem does not occur when a single item is removed afterwards with the ItemRemovedAnimation. It only seems to appear on the initial list load when a bunch of items gets loaded and not all of them are immediately available due to async balancing.

Has there something changed? I also replaced my own animations with the PlaneProjection animations from the Telerik Example app (my animations were pretty much the same but a bit different) but the problem persisted.

I also upgraded to the latest bugfix release, nothing changed.

Thanks for any help,
Bernhard

[Deyan]

Hi Bernhard,

We are able to reproduce the issue.

Can you please try setting the ItemAddedAnimationInterval of your listbox to a Zero timespan and let us know if the issue persists?

Thanks for your time.

Regards,
Deyan
the Telerik team

[Bernhard König]

Hi Deyan,

thank you ... yes this seems to fix the issue.

But I don't exactly understand what this setting is doing because when opening a list after a navigation, item animations seem to be skipped now, but this might be because animations get played too early now before the view is fully loaded and shown to the user. If I fill the list when the view is already fully loaded, animations play nicely and double animations/flickering animations are gone now.

So yes, the original issue is fixed, but I have a problem now that animations get skipped when the animations should happen directly after loading a view. If I set this back to the original 00:00:00.0500000 value, animations get played again, but the double animations are of course back then.

Thanks,
Bernhard

[Deyan]

Hello Bernhard,

Thanks for writing back.

The "flickering" behavior is related to some minor issues in RadPlaneProjectionAnimation. These issues appeared after some refactorings in RadDataBoundListBox regarding ItemAnimation support. These issues are not observable when using RadMove or RadFade animations for instance.

The ItemAddedAnimationInterval is used to incrementally create a delay for each added animation so that they are played sequentally. Before starting the animation we apply the initial animation values to the visual element and play the animation (using a storyborard with its BeginTime property set to the delay time). Our animation framework internally performs some initializations over the target element when playing an animation and here is where the glitch is caused.

We have already addressed the issue and will issue an Internal Build next week containing these fixes which you will be able to test and give us feedback.

Let me know in case you have further questions or need assistance.

Regards
Deyan
the Telerik team

[Bernhard König]

Hi Deyan,

thanks I understand the feature and the issue now!

When the internal build is available I will try it and let you know if the issues are fixed for me!

Thanks,
Bernhard

[Deyan]

Hello Bernhard,

The IB is now available for download. Check it out and let us know whether everything is allright.

Kind regards,
Deyan
the Telerik team

[Bernhard König]

Yep, works just fine now and is fluid as expected :)

Thanks,
b.