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
    25 am
  • user can see a button to add a RSD
  1. Action the user does
    41 am
  • 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
    48 am
  • user can see a small shell panel
  1. Action the user does
    57 am
  • 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
    16 am

  2. Action the user does
    21 am

  3. System responds to input

  • user used the shell without the need of switching windows

  1. Another use …
    gco-sticky

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.