Pane content resize when in landscape mode and side-nav open


#1

Anyone have experience with setting the main pane content to resize (fit available width) when the side nav is open and in landscape mode?

See screen cap: https://docs.google.com/a/ethanlacey.com/file/d/0B7aUCgodzG0ZOEZSVzdIXzVFelE/edit?usp=drivesdk

*will update when I come across solution


#2

Why would you change the main content width? The main content shouldn’t be accessible when the sidemenu is open.
If you want two contents to stay both on the same page (like the iPad Settings app), you should use the ui-router :slight_smile:


#3

It makes sense for specific use cases, like an email app, where navigating quickly through a list (side nav) to see the content (emails), while in landscape mode, would necessitate resizing and showing the content in its entirety.

I think dynamically resizing the content is a simpler and more efficient option than duplicating it


#4

I know what you mean, I don’t think the Ionic sideMenu should be used to build a side scrollable list (which needs to be always on the left and not only when the user opens the sideMenu).
In the link I gave you in the previous post there’s a simple tutorial on how to create multiple views (eg. in a email app you need a view for the scrollable list of mails on the left and another view for the mails’ contents).