portraitSubscribe to RSS - portrait

Flexible Layouts in Web Applications

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.

Display

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

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.