Pane template

This template is useful for presenting information, such as location and reservation details, and for taking action based on data.

This template can be embedded in the Tab template to provide tabbed navigation, or included in the Map + Content template to provide a pane on a map. When embedded in a Map + Content template, images aren't displayed.

Includes:

  • Optional header
  • Up to 2 buttons, where one can be designated as primary (optional)
  • Up to 4 non-actionable rows (1 row is mandatory)
  • Optional large image (see example)
Location details for a parking app, with two related actions (Start and No thanks)
Location details for a cafe, with two actions. Due to size constraints, the second action button's associated text is hidden and only its icon is shown.

Pane template UX requirements

App developers:

MUST Include at least one row of information.
SHOULD Designate a primary action when providing 2 actions.
SHOULD Make navigation the primary action, when it's included as one of the actions.
SHOULD Provide icons for all actions.
SHOULD Include a header with an optional title and primary and secondary actions.
MAY Include up to 4 rows of information and 2 actions.

Resources

Type Link
API reference PaneTemplate, PaneTemplate.Builder