Using kendoAnimate()

[Gareth]

Hi,

I want to animate a button on and off screen depending on which view is visible. Using jQuery.animate() is very slow and unusable on mobiles. I noticed the kendoAnimate() function.

Are there any docs about kendoAnimate? My button resides at the top left of the screen (bottom left in the android style) and needs to slide off the left of the screen and back.

How can I do this with kendoAnimate()?

Thanks
Gareth

[Kamen Bundev]

Hi Gareth,

Currently there are no docs on kendoAnimate, we hope to add some soon. kanedoAnimate is more targeted on complete animation effects and combining them, rather than animating single properties. It also uses transforms and transitions where possible and falls back to replacements for IE, though this is not very reliable and has to be addressed carefully. Check this fiddle about how you can do an animation effect yourself:


Also check the attached example how to do the animation on a button.

Greetings,
Kamen Bundev
the Telerik team

[Gareth]

Thanks for the great reply Kamen kendoAnimate() look useful,

While awaiting your reply I decided to give the jQuery AnimateEnhanced plugin a try. Like kendoAnimate() the plugin uses the css3 transform/transitions where available which allows the hardware acceleration to kick in. It's also fairly light weight at 7kb so I don't mind adding it to my app's resources.

I'll keep testing kendoAnimate() and may switch back as I'd prefer to use your library's built in solutions

Thanks
Gareth