I'm trying to achieve essentially a drill-down menu within the drawer that behaves just like the Kendo splitview demo. http://demos.kendoui.com/mobile/splitview/index.html#/
I have a top level list that when clicked should show a next level of items, and then finally when the last level item is clicked I want to load content in the main view. Rather than having the menu in a pane of the splitview I want to use the drawer to have it slide out and let the user drill down in the drawer until the final item is clicked. Perhaps simply being able to prevent the drawer from closing would suffice.
I have a top level list that when clicked should show a next level of items, and then finally when the last level item is clicked I want to load content in the main view. Rather than having the menu in a pane of the splitview I want to use the drawer to have it slide out and let the user drill down in the drawer until the final item is clicked. Perhaps simply being able to prevent the drawer from closing would suffice.
5 Answers, 1 is accepted
0
Hi,
Petyo
Telerik
Unlike the splitview, the drawer does not support multiple views and in-place navigation. In case you need to support such navigation, you can use the splitview widget.
In our next major release, we are planing on a collapsible splitview panes, which should also support this scenario.
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0

Markus
Top achievements
Rank 2
answered on 03 Dec 2013, 10:11 AM
Dear Petyo
Using Icenium with KendoUI.
Drawers are important for mobile (phone) development.
So I would see drawer imporvements to go
- different view to be used in different documents index.html, customers.html, order.html for example and beeing able to call them from wherever they are needed.
Like having
layout1 -> drawer1
layout2 -> drawer2
layout3 -> drawer3
index.html#view1 -> data-layout="layout1"
index.html#view2 -> data-layout="layout2"
customers.html#view1 -> data-layout="layout1"
customers.html#view2 -> data-layout="layout2"
Also there seem to be problems when using app.navigate and/or view transitions.
Markus
Using Icenium with KendoUI.
Drawers are important for mobile (phone) development.
So I would see drawer imporvements to go
- different view to be used in different documents index.html, customers.html, order.html for example and beeing able to call them from wherever they are needed.
Like having
layout1 -> drawer1
layout2 -> drawer2
layout3 -> drawer3
index.html#view1 -> data-layout="layout1"
index.html#view2 -> data-layout="layout2"
customers.html#view1 -> data-layout="layout1"
customers.html#view2 -> data-layout="layout2"
Also there seem to be problems when using app.navigate and/or view transitions.
Markus
0
Hi Markus,
Please take a look at the drawer views configuration option. You can have multiple drawers assigned to different views.
As our documentation suggests, the navigation from links in the drawer should not use any transitions, since it overlaps with the drawer collapsing transition.
Regards,
Petyo
Telerik
Please take a look at the drawer views configuration option. You can have multiple drawers assigned to different views.
As our documentation suggests, the navigation from links in the drawer should not use any transitions, since it overlaps with the drawer collapsing transition.
Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0

Markus
Top achievements
Rank 2
answered on 05 Dec 2013, 01:59 PM
Dear Petyo
Thanks for you answer. But I think this will not work if you have multiple remot views in external documents as in
layout1 -> drawer1
layout2 -> drawer2
layout3 -> drawer3
index.html#view1 -> data-layout="layout1"
index.html#view2 -> data-layout="layout2"
customers.html#view1 -> data-layout="layout1"
customers.html#view2 -> data-layout="layout2"
Markus
Thanks for you answer. But I think this will not work if you have multiple remot views in external documents as in
layout1 -> drawer1
layout2 -> drawer2
layout3 -> drawer3
index.html#view1 -> data-layout="layout1"
index.html#view2 -> data-layout="layout2"
customers.html#view1 -> data-layout="layout1"
customers.html#view2 -> data-layout="layout2"
Markus
0
Hello,
I am not sure that I understand what you mean, since the layout is not related to the drawer widget. Is it possible for you to provide a runnable sample project, that demonstrates your case? Thank you in advance.
Regards,
Petyo
Telerik
I am not sure that I understand what you mean, since the layout is not related to the drawer widget. Is it possible for you to provide a runnable sample project, that demonstrates your case? Thank you in advance.
Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!