Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Description

...

The subsection consists of

  • Header.

  • Exit button - returns to the main filter panel.

  • Subsection content.

  • Apply button at the bottom.

Placement and Positioning

...

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

Interaction

  • Entering the subsection is done from a filter within the filter panel.

  • Clicking the exit button or the Apply button will return to the initial filter panel.

  • Navigating away (e.g. selecting another filter) while changes were made, will display an “unsaved changes” confirmation pop-up.

Transitions

Entering the subsection will have a transition as seen in the example

...

  • when a filter contains too many values and needs to be narrowed down (i.e. filtering the filter).

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

Don’t use 

  • <…>

General 

  • When used for the advanced editing of a filter, a subsection should not apply the filter on the workspace but only apply the filter itself.

Accessibility Compliance

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

...

Zeplin link

Screen thumbnail

<<Short Zeplin link. You
Use this 
Image Removed>>

<<Screen with 200 width>>

...