Click to Rate and Give Feedback
MSDN
MSDN Library
Windows Mobile
Design Guidelines
 Screen Rotation Guidelines
Screen Rotation Guidelines
Windows Mobile SupportedWindows Embedded CE Not Supported
8/28/2008

It's important that your application appear and behave properly in landscape mode as well as portrait mode. This topic describes practical approaches you can take when you create the alternate screen layout.

Note:
For user convenience, it is best to avoid designing dialog boxes that require scroll bars. The simplest way to accomplish this is to design your dialog boxes as squares. This way, a dialog box that does not require vertical scroll bars in portrait mode should not require them in landscape mode either.

The four most practical design approaches are as follows:

  • Dynamically resize the content.
  • Change the content.
  • Change the content layout.
  • Design for a square client area.

Dynamically resizing content to the dimensions of the client area produces the best user experience with the least number of trade-offs. For example, as shown in the following illustration, the Calendar application resizes its grid cells, expanding and contracting them to fit the dimensions of the client area.

Portrait Landscape

As another example of dynamic content resizing, shown in the following illustration, the Memory settings control panel resizes its list box to the maximum size and then repositions all of the other controls around it.

Portrait Landscape

Sometimes content and controls fit nicely in one orientation but not in another. One way to overcome this problem is to show less content in the other orientation. For example, as shown in the following illustration, the Calendar application displays only eight months, not 12, in landscape mode.

Portrait Landscape

Reorganizing controls within a window might be your only option when you absolutely must have the same set of controls in each orientation. For example, in landscape mode, Windows Media Player displays its buttons to the side of the video clip, as shown in the following illustration.

Portrait Landscape

For windows and dialog boxes that contain controls, designing content to fit the visible square common to both portrait and landscape orientations ensures that it displays properly in either orientation without changes. For example, as shown in the following illustration, the content of the Calendar Options dialog box needs no modification to display properly in both screen orientations.

Portrait Landscape
Tags What's this?: Add a tag
Community Content   What is Community Content?
Add new content RSS  Annotations
Processing
© 2008 Microsoft Corporation. All rights reserved. Terms of Use  |  Trademarks  |  Privacy Statement
Page view tracker