Using kendoAnimate()

3 posts, 0 answers
  1. Gareth
    Gareth avatar
    8 posts
    Member since:
    Jun 2012

    Posted 03 May 2012 Link to this post

    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. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 08 May 2012 Link to this post

    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!
  3. Gareth
    Gareth avatar
    8 posts
    Member since:
    Jun 2012

    Posted 08 May 2012 Link to this post

    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
Back to Top