Expanded Process Panels

The expanded process panel is used to display extra information or features of the main process panel or task process panel. Using the mini-player (which is placed in the main process panel as an example, tapping the mini-player will open the now playing view, where more functions are provided.

Anatomy

The expanded process panel is a customizable container with a dismiss button, navigation bar, and content area.

  1. Dismiss button: Tap to close this panel.
  2. Navigation bar: Contains navigation of the panel. In this screen, tabs are used to switch different contents.
  3. Content area: Where the main information is displayed.

Behavior

The expanded process panel opens when a user action happens on the main process panel or task process panel. For example, tapping on the metadata area in the now playing bar will open an expanded process panel containing the now playing view. Tapping on the dismiss button will close the expanded process panel.

Tapping on the dismiss button will close the expanded process panel.

Customization

The styling and other aspects of the expanded process panel can be customized.

ComponentCustomizable
ThemeThe style (color, shape, size, etc.) of the expanded process panel follows the attributes defined in the system theme.
ContentThe expanded process panel can be created with any content within the content area and navigation area. The dismiss button is however is not customizable.