Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

Description

A subsection is a special instance of a filter pane Filter Pane, where users can navigate from open various subsections with the content panel to various subsections , in order to access additional settings.

Navigating to the Subsection

The Subsection

Image ModifiedImage Modified

Usage & Behavior

General guidelines

...

  • is positioned beneath the filter header,.

  • uses the entire height of the remaining space.

  • uses the entire width of the content panel.

Content

Content may vary depending on usage (e.g. an input form for advanced filtering).

...

  • Navigating to the subsection is done from the content panel, according to the specific scenario.

  • Clicking the exit button returns to the initial content panel.

  • Clicking the Apply button returns to the parent content panel and updates it accordingly (without applying the parent filter).

  • Navigating away (e.g. selecting another filter) while after unapplied changes were have been made, may display an “unsaved changes” confirmation pop-up Unsaved changes confirmation Popup.

Transitions

Entering the subsection will have a transition, as seen in the this example:

...

Best practices

Use:

  • When a filter contains too many values and needs to be narrowed down.

  • If additional options exist for a filter but are rarely used.

...

Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.