kendoanimation effects

1 posts, 0 answers
  1. Manohar
    Manohar avatar
    18 posts
    Member since:
    Sep 2010

    Posted 02 Oct 2012 Link to this post

    I am evaluating Kendo UI and I'd appreciate if you can help me answer whether the following is doable or not.

    I am using the splitview and defining a toggle menu on the side-pane
    and I'd like to create a cool sliding effect when it slides out and slides in while toggling.
    I've tried setting the duration, but that doesn't help.
    How do I slide it slowly and create the effect that it is pushing the main-pane when the toggle menu comes out
    and reverse the effect when it slides in?

    Here is the code that I have now and it just doesn't have any effect. It simply hides and shows the side-pane.
    $('#toggleMenu').click(function() {
        if ($('#menuPane').is(':visible')) {
            $("#menuPane").kendoAnimate({ hide: true, effects: "slideOut:left"});
        } else {
            $("#menuPane").kendoAnimate({ show: true, effects: "slideIn:left"});

    Please let me know.

Back to Top