How to use the Drawer to display 3 views in parallel ?

2 posts, 1 answers
  1. Yohann
    Yohann avatar
    54 posts
    Member since:
    Jan 2014

    Posted 08 Apr 2014 Link to this post

    Hello there,

    I'm trying to refactor the UX of my App.

    I want to remove the footer (with 2 buttons) and instead let the user swipe right or left to display not a menu but an entire page, like if there was 3 completely different pages on the app that the user can access by simply swiping left or right.

    As my two pages wrapped into the drawer contain a simple list, it should work fine (I think) but my problem is that I can't swipe back to the main page when I put the drawer with a width of 100% since the menu button will be outside the current view and there is no way to go back to the main page.

    How can I fix this ? or is there a better way to do it ?

    Many Thanks

    Attached is a screen shot of what happen when I put the drawer with to 100%. I can't go back to the main page.
  2. Answer
    Petyo avatar
    2444 posts

    Posted 10 Apr 2014 Link to this post

    Hello Yohann,

    The drawer is not the most appropriate widget for this scenario, since it is a dialog widget - the displayed page will not change the URL and cannot be navigated to. The recommended approach in this case would be to use the touch widget and its swipe event and to navigate to the respective left/right view based on the swipe direction.

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top