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

"drill down" menu within drawer

5 Answers 82 Views
Drawer (Mobile)
This is a migrated thread and some comments may be shown as answers.
Don
Top achievements
Rank 1
Don asked on 05 Aug 2013, 05:57 PM
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.

5 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 07 Aug 2013, 03:33 PM
Hi,

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. 

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 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
0
Petyo
Telerik team
answered on 05 Dec 2013, 08:11 AM
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
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
0
Petyo
Telerik team
answered on 09 Dec 2013, 12:08 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Drawer (Mobile)
Asked by
Don
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Markus
Top achievements
Rank 2
Share this question
or