Managing the Layout of Panes
The common layout for tablet applications in landscape mode is to divide the screen into two panes with a smaller, navigation pane and a larger, main pane.
When using the NativeUI, you have complete control over the layout of the panes. By default, the nUIWindowDisplay object has a navigation pane and a main pane. The main pane occupies all space that is not used by the navigation pane. You can add additional panes and divide the window into as many panes as you need.
You should carefully plan how to arrange and size the panes. Consider how the panes will work on screens with differing resolutions and how device orientation will affect the usability of the application.
Important: | It is recommended that you do not use overlapping panes. |
You can add logic to your application that determines the size of the panes at run time. For example, the NativeUIDemo sample uses a flexible method to determine the size of its panes. The application sets the width of the left pane to the smaller of either 40% of the overall screen width or 2 inches. As a result, the user interface is usable even if the application is running on a small table in portrait mode. The application sets the height of the left pane to the full screen height less the height of the navigation bar. The right, main pane fills the remaining space. For more information, see
Adding Panes to a Window.