Table of Contents |
---|
Description
An action menu is a set of actions related to an element, component, or area of the application.
added |
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.
...
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).
...
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. Only one hamburger menu can be added.
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
...