Overscan

Learn how to make your content fit on your TV according to the purpose of the specific content. We will describe it based on webOS TV 5.0. Previous versions of the webOS TV may slightly differ from the current description.

Safe Area

The safe area is an area where TV images appear. For this safe area, the webOS TV screen has a 20 px margin area around the edges as below image.

Be careful not to place UI controls or icons outside of this area. You must place all selectable objects, text, and company branding logos within the safe area.

Safety area and margins of the TV screen

However, if you develop an app using the panel control provided by the Moonstone library, it maintains a 20 px padding inside of the panel as below, so controls don't get clipped at the edges of the webOS TV screen.

Safety area and margins of the panel control in the Moonstone library

Navigation