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

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

1 Answer 60 Views
Drawer (Mobile)
This is a migrated thread and some comments may be shown as answers.
Yohann
Top achievements
Rank 1
Yohann asked on 08 Apr 2014, 11:01 PM
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.

1 Answer, 1 is accepted

Sort by
0
Accepted
Petyo
Telerik team
answered on 10 Apr 2014, 10:37 AM
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.

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
Yohann
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Share this question
or