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
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
2 Answers, 1 is accepted
0
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
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Gareth
Top achievements
Rank 1
Rank 1
answered on 08 May 2012, 07:53 PM
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
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