UI componentsSubscribe to RSS - UI components

Edit

Edit is one of the most commonly used functions to help users manage data. Therefore, it is recommended that you incorporate elements related to the edit function in every application.

However, we also encourage you to adhere to the consistency principle of the Tizen platform by giving users the basic functions they expect, in the location where they'd expect to find them.

Navigation

Navigation in Tizen follows the principle that a device's screen must move and change according to changes in the application depth. The navigation design must be consistent so that the user can clearly understand which depth and screen of the application they are currently using.

Since navigation is the single biggest factor affecting an application's overall usability, we encourage you to consider navigation-related issues as early as possible in your application development process.

Multi-window

This application feature is optional. Based on its functionality, an application can use 'full window' or 'mini window' modes.

The figure below displays a video player screen, which uses both full and mini windows. Clicking the Minimize button or icon lets users switch seamlessly from a full window to a mini window.  

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.

Application Structure

The Tizen platform features a range of UI components. The purpose and functionality of your application determine the components (and layout) you select. In this section, we will use Tizen's available UI components to demonstrate the most basic form of an application structure.