This has been setup to use a custom layout controller (CssLayout) with media queries.

The CssLayout layout controller uses css to size the views, it does not call resize on the views, this is to improve performance during orientation changes.

On a desktop you can make the window smaller and the navigation area will be hidden and the Back button will display when the screen gets less than max-width: 560px.

On a phone or tablet the Naviagtion will be hidden in portrait orientation and shown in landscape orientation.

More work needs to be done for the following.

1) When the Navigation area is hidden and Back button takes you to the Configuration (Navigation) view, and then the screen is rotated or enlarged to show the navigation area on the left, the configuration (navigation view) in the center should be transitioned to a different view, either the previous view or some default view.

2) There are some cases where a view needs to have resize called, this should be an option set on the config to indicate that a call resize is required for a view.

3) There are problems getting things to display without the resize calls when using a dojox/mobile/ScrollableView.

4) I had trouble getting TestInfo to display as the defaultView until I created a TestInfo.js and set it up as the defintion.