webOS OSE UI Guide

This guide explains UI components and basic usage of webOS Open Source Edition (OSE).

Note
This guide is for webOS OSE 2.19.0 or higher.

Interface Overview

webOS OSE’s UI consists of two major UI components:

  • App Bar
  • Status Bar

Throughout the rest of the document, we’ll learn how to use the two UI components and Launchpad, the core navigating tool of the webOS OSE.

A new home screen UI

App Bar

The app bar is the core interface of webOS OSE. This bar provides an quick access to your favorite apps or currently running apps.

How to Access

  • Swipe up the bottom of the screen.
  • Press the Start key in the keyboard.

UI Components

Components of the app bar
ComponentsDescriptions
Launchpad IconThis icon is the shortcut to Launchpad.
App Bar OptionThis option configrues the app bar. See Configuring the App Bar.
Default Apps AreaThis area shows default apps. You cannot modify this area.
User Added Apps AreaYou can add more apps to this area. See Adding Apps to the App Bar.
Running Apps AreaThis area shows currently running apps. No limit to the number of apps displayed. (Support horizontal scrolling)

Configuring the App Bar

You can configure the app bar using this option.

Note

App Bar Option

The align select option changes the alignment of the icons in the app bar.

If you choose right, all the icons in the app bar start from the right side of the screen. (See the below figure.) The default value is left.

App Bar with the right option

Status Bar

The status bar is the shortcut for system settings, such as volume and notifications.

How to Access

Swipe down the top of the screen.

UI Components

Note
  • Developments for the status bar are still in progress.
  • Each component also provides the direct access button to Settings Application.
UI components of the status bar
ComponentsDescriptions
VolumeYou can change the volume level of the device. See Changing the Volume Level.
NotificationsThis menu shows the list of notification messages.*
SW Version InfomationYou can check the webOS OSE version of the device. You can also update the platform using this menu.*
BluetoothYou can turn on/off the Bluetooth of the device.*
Wi-FiThis menu shows the list of nearby Wi-Fi signals. You can also turn on/off the Wi-Fi of the device.

*: This feature will be supported in future release.

Changing the Volume Level

To change the volume level of the device:

  1. Tap the Volume icon in the status bar.
  2. Adjust the volume bar.

Launchpad

The Launchpad is the core navigating tool of webOS OSE. This app shows the list of installed apps, provides the search functionality, and more.

How to Access

Click the launchpad icon in the app bar.

UI Components

Descriptions for Launchpad
ComponentsDescriptions
Search AreaYou can search an installed app by its name. See Searching for an Installed App.
Search History ButtonThis button shows the recent search history. See Viewing the Search History.
App Sorting ButtonYou can sort apps in alphabetical or reverse alphabetical order. See Sorting Launchpad.
Installed Apps & PaginationThis area shows the list of installed apps in webOS OSE.

Searching for an Installed App

To search an app, enter the name of the app you want to find at the search bar.

Search result for ‘camera app’

You can search for apps using incomplete phrases.

Searching with incomplete phrase

Viewing the Search History

You can view the search history by clicking the search history button. Then the search history shows the recent phrases you’ve searched. (Maximum: 10)

You can delete each history by clicking the X button at the right side of the phrase or delete all the history by clicking the Clear All button.

Search history of webOS OSE

Sorting Launchpad

You can sort apps in alphabetical or reverse alphabetical order. The default value is the alphabetical order.

A screenshot for app sorting button

Adding Apps to the App Bar

You can add more apps to Default Apps Area of the app bar. (Maximum number of apps: 5)

Note
This feature is only available on touch displays.
  1. Long-tap the screen in the launchpad app.
  2. Tap the + button of the app you want to add to the app bar.
  3. Toggle on the Add to App Bar button.
  4. Then the app will be added to the app bar.

Adding an app to the app bar

If you want to delete apps from the app bar, long-tap the app bar and toggle on the Delete from App Bar button.

Deleting an app from the app bar

Deleting Apps from the Device

  1. Long-tap the screen in the launchpad app.

  2. Tap the + button of the app you want to add to the app bar.

  3. Toggle on the Delete App button.

    Note
    This button only appears in the 3rd party apps. Pre-installed apps cannot be deleted using this method.
  4. Tap the Yes button of the pop-up window.

Deleting an app from the device

What’s Next?

Contents