Versions Compared

Key

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

Lead:  Liav Nadler  ONGOING


...

A message popup is a small modal window containing a warning, error message or any , help text other important information

It Usually it appears on user's action (e.g. clicking help icon) and it must be dismissed by the user before he can go going back to using the parent application

Types

...

Type

...

Usage

...

Example

...

Color

...

Image Removed

...

Image Removed

...

Image Removed

...

Image Removed

...

Image Removed

...

The popup contains of these elements:

  • Header, including the title (e.g. "Warning") and a close icon
  • Message type icon (e.g. question mark icon for help)
  • The message text
  • Primary action button
  • Cancel button (optional)

Types


Type
Example
Help

Image Added

Information

Image Added

Warning

Image Added

Error

Image Added


Usage & Behaviour

General guidelines

...

  • The user can dismiss the popup in one of three ways:Clicking by either clicking the X icon on the upper-right corner
  • Clicking the Ok button
  • Clicking anywhere outside the popupor by clicking the OK button
  • When relevant, clicking the Cancel button closes the popup without performing any other action

Validations and errors

N/A

...