"drill down" menu within drawer

6 posts, 0 answers
  1. Don
    Don avatar
    15 posts
    Member since:
    Apr 2011

    Posted 05 Aug 2013 Link to this post

    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.
  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 07 Aug 2013 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. Markus
    Markus avatar
    205 posts
    Member since:
    Nov 2005

    Posted 03 Dec 2013 Link to this post

    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
  5. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 05 Dec 2013 Link to this post

    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!
  6. Markus
    Markus avatar
    205 posts
    Member since:
    Nov 2005

    Posted 05 Dec 2013 Link to this post

    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
  7. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 09 Dec 2013 Link to this post

    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!
Back to Top
Kendo UI is VS 2017 Ready