Versions Compared

Key

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

Related pages: PopupsDialogsToastLead:  Liav Nadler  StatuscolourYellowtitleongoing

Table of Contents

Description

...

Type

Usage

Image

Help

A help message contains an explanation of something any content relevant to the primary screen. Usually appears after a user clicks a help icon (?).

Information

An information message contains additional information about something relevant to the primary screen.

Warning

A warning message informs the user about a potential problem or error, particularly one that could occur if the user continues with an action.

Error

An error message informs the user about an error that has occurred or may occur if the user continues with an action.

Image Removed

.

Image Added

Usage & Behaviour

General guidelines

Structure

  • For basic popup structure see Popups.

  • The message popup may contain

...

  • A colored header, including:

  • a title, such as Warning.

  • a

    close button (X).
  • A content area, containing the message text.

  • Buttons, including:

    • a primary action button (usually OK).

    • a secondary action button (usually Cancel), if relevant.

  • (Optional) A checkbox, allowing the user to declare something, such as a statement, e.g. I understand or Don’t show this again. For example:

Placement and Positioning

...