Expandable panel (expandable sticky footer / slide split view)

Title of Pattern or Pattern-family

Sticky panel that expands from any side of the screen (i.e. top, bottom, left & right)

Status tags

Recommended

Implementation

Not in Vanilla yet | Rbac | Juju GUI | MAAS

When or why to use this pattern

This pattern could be used to display a shell, navigation, additional information, filtering

Variations of pattern available

Fixed size panels

How it works

  1. First state the user can see
  • user can see a button to add a RSD
  1. Action the user does
  • user clicks the Add RSD button and the panel expans
  • after user adds all input data click the Save RSD button
  1. System responds to input
  • user managed to add a new RSD

  1. First state the user can see
  • user can see a small shell panel
  1. Action the user does
  • user clicks the expand button
  1. System responds to input
  • user used the shell without the need of switching windows

  1. First state the user can see

  2. Action the user does

  3. System responds to input

  • user used the shell without the need of switching windows

  1. Another use …

Principles

Actionable

Primarily by clicking a button, could also expand on hovering.

Flexible

Expanded size could be different according to user’s needs.

Discoverable

There should always be a button that indicates the panel is expandable by clicking it.