Forum Discussion
Solved
Is it okay to Z-layer the two pane layout component on top of another component?
Hi team,
I was not able to find a sample or a "ui guideline", that's why I'm asking you if my following concept would work - or is "approved" on how the Surface Duo should be used.
My app has a map being fullscreen shown on both displays. But all other screens like a Settings or a Filter page should be displayed just left or right (at the same time).
I hope I could explain what I mean. 🙂
- From a design perspective, it is approved to sometimes have a fullscreen map view (Extended Canvas pattern) and then otherwise have separate screens that follow the other design patterns. You can actually see this in our Dual Screen Experience Example (Play Store link, GitHub link), where one destination in the bottom navigation bar displays a fullscreen map and the others show content that's separated into two panes.If you're asking about how TwoPaneLayout can be used, then that design should also be ok! Depending on when you want the map view to show, you could try changing the pane mode of the layout, or you could add a condition in your code to check whether your TwoPaneLayout or a different component should be shown.Please let us know if you need any other clarifications!
2 Replies
khalperMicrosoft
From a design perspective, it is approved to sometimes have a fullscreen map view (Extended Canvas pattern) and then otherwise have separate screens that follow the other design patterns. You can actually see this in our Dual Screen Experience Example (Play Store link, GitHub link), where one destination in the bottom navigation bar displays a fullscreen map and the others show content that's separated into two panes.If you're asking about how TwoPaneLayout can be used, then that design should also be ok! Depending on when you want the map view to show, you could try changing the pane mode of the layout, or you could add a condition in your code to check whether your TwoPaneLayout or a different component should be shown.Please let us know if you need any other clarifications!
