Versions Compared

Key

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

Description

An action menu is a set of actions related to an element, component, or area of the application.

Image Modified

added

Image Removed

Usage & Behavior

General Guidelines

...

  • Clicking a dedicated icon, for example, the Moreicon in a Data Table row.

  • Right-clicking on a dedicated area on the screen.

  • Selecting text, for example in a transcription.

...

Placement and Positioning

Actions menus will appear:

  • over the page, hiding any content behind it.

  • to the right or left of the trigger element, depending on the location of the trigger element on the screen.

  • below the trigger element, unless it is close to the bottom of the window. In this case, it will appear above

    .

    Regular actions menu can appear anywhere on the screen, except the Hamburger menu.

    • The hamburger menu will appear only on the top right corner and will contain actions relevant to the entire workspace (e.g., 'reset workspace' action). Only one hamburger menu can be added.

...

Internal Logic

  • Action options may be sorted by importance or popularity.

...

  • To show a small list of actions related to a single element.Add a hamburger menu only for higher-level actions on the entire workspace at the top left corner.

Don’t use:

  • If there are more than 10 action options → consider using a toolbar or a Ribbon.

  • For selecting values → use a Drop-down Menu

...