Versions Compared

Key

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

Related pages: PopupsDialogToast


Lead:  Liav Nadler  ONGOING


Table of Contents

Description

A message popup is a small modal window containing a warning, error message, help text or other important informationUsually it appears on user's action (e.g. clicking help icon) and it must be dismissed by the user

Types


Type
Example
Help

Image Modified

Information

Image Modified

Warning

Image Modified

Error

Image Modified


Usage & Behaviour

General guidelines

  • The popup may contains these elements:

    • Header, including a title (e.g. "Warning") and a closing icon
    • Icon (e.g. question mark icon for help)
    • The message text
    • Primary action button (usually OK)
    • Secondary action button (usually Cancel, when relevant)
    • Don't show this again checkbox
  • For basic popup usage and behaviour see Popups

Best practices

  • The message popup is more intrusive than a toast. Use it only for important messages (or long messaged in the case of help)
  • Keep the title short and informative
  • Keep the message text short and informative

...