This is a migrated thread and some comments may be shown as answers.

kendoanimation effects

0 Answers 75 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Manohar
Top achievements
Rank 1
Manohar asked on 02 Oct 2012, 06:05 AM
Hi,
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.
Thanks.

B.Manohar

No answers yet. Maybe you can help?

Tags
General Discussions
Asked by
Manohar
Top achievements
Rank 1
Share this question
or