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.
Please let me know.
Thanks.
B.Manohar
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