portrait
Flexible Layouts in Web Applications
PUBLISHED
Introduction
When creating mobile application, you have to decide if you want to support different screen orientations or just display application in one orientation (portrait by default). When you hold your device horizontally (landscape orientation) the viewport’s width is a longer edge. When you hold your device vertically (portrait orientation) the viewport’s width is a shorter edge. Moreover, we can hold device in portrait/landscape primary or secondary orientation. The difference is shown in the picture below.
- Read more about Flexible Layouts in Web Applications
Display
PUBLISHED
Screen resolutions vary from device to device. When designing layouts for your applications, make sure you consider the range of possible resolutions, as well as both landscape and portrait screen orientations.
Resolution
Tizen offers UI components for WVGA (480 x 800) and HD (720 x 1280) resolutions, so you can choose the components most suitable for your target device.
View Modes
PUBLISHED
Tizen screen orientation is available in both landscape and portrait view modes, and you can use the rotation function to transition between the two. Activating the rotation function ensures the screen will adjust its view depending on the orientation of the device. In Tizen applications, you can use portrait, landscape, and reversed landscape view modes. We recommend you avoid using reversed portrait view. Portrait view generally serves as the default screen orientation for most application designs.