This is a migrated thread and some comments may be shown as answers.
Using kendoAnimate()
2 Answers 56 Views
This is a migrated thread and some comments may be shown as answers.
Gareth
Top achievements
Rank 1
Gareth asked on 03 May 2012, 10:47 PM
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

2 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 08 May 2012, 10:17 AM
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
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
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
Asked by
Gareth
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Gareth
Top achievements
Rank 1
Share this question
or