A new test app has 3 columns, Left (Nav), Center (Main), Right (Last) which are shown (or not shown) based upon media queries. The app responds to 3 screen sizes (Large over 860, Medium less than 860, and Small less than 560). The views can be reused for different positions, for example in the config there is a navLeft and a navCenter which both use the same controller and templates. For Large all 3 columns are shown (navLeft | mainCenter | lastRight). For Medium the right column is hidden and the left and center columns are shown (navLeft | mainCenter) or (mainLeft | lastCenter). For Small only the center column is shown, the left and right columns are hidden (navCenter) or (mainCenter) or (lastCenter). There is also code in the custom NavigationController which is notified of orientation changes or resize events which will handle the cases where the same logical view is about to be shown in the left and center (or the center and right).
A new test app has 3 columns, Left (Nav), Center (Main), Right (Last) which are shown (or not shown) based upon media queries. The app responds to 3 screen sizes (Large over 860, Medium less than 860, and Small less than 560). The views can be reused for different positions, for example in the config there is a navLeft and a navCenter which both use the same controller and templates. For Large all 3 columns are shown (navLeft | mainCenter | lastRight). For Medium the right column is hidden and the left and center columns are shown (navLeft | mainCenter) or (mainLeft | lastCenter). For Small only the center column is shown, the left and right columns are hidden (navCenter) or (mainCenter) or (lastCenter). There is also code in the custom NavigationController which is notified of orientation changes or resize events which will handle the cases where the same logical view is about to be shown in the left and center (or the center and right).