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

Animation to hide/show the side panel

1 Answer 280 Views
SplitView
This is a migrated thread and some comments may be shown as answers.
Walid
Top achievements
Rank 1
Walid asked on 20 Aug 2013, 12:05 PM
Hello,
Since the drawer does not support in-place navigation, I want to tweak the splitview to show/hide the sidepanel in manner similar to the drawer.
Can someone point me in the right direction? So far i have managed to get a quick,snap-in/out, action but I want something more soft, an animation of the side panel's width.

This is what I am using right now:
$("#main-pane").css("-webkit-box-flex","1000");
$("#main-pane").css("-webkit-flex","1000");
$("#side-pane").animate({ width: "-=350" }, 750);

Thanks

1 Answer, 1 is accepted

Sort by
0
Accepted
Alexander Valchev
Telerik team
answered on 22 Aug 2013, 08:18 AM
Hello Walid,

I am afraid that what you would like to achieve is not supported out of the box by the SplitView widget. 
In our next major release, we are planning to implement a collapsible SplitView panes, which should support your scenario.

Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
SplitView
Asked by
Walid
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Share this question
or