Versions Compared

Key

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

Related Pages: Message PopupDialog


Lead:  Liav Nadler 

Status
colourYellow
titleongoing

Table of Contents


Description

  • A popup is a window that forces the user to interact with it before they can go back to using the parent application
  • A popup window may contain these elements:
    • A colored header, including a title and a closing close button (X)
    • A content area, which may contain text, inputs and controls
    • A primary action button
    • A secondary action button, if relevant
    • Other action buttons, if relevant

Types

TypeUsageFor more information
Message PopupsDisplay warnings, error messages and important informationSee Message Popup
DialogsCollect information from users or allowing them to make decisionsSee Dialog

...

  • The popup appears over a semi-transparent background
  • The popup is centered horizontally and vertically on the screen
  • The user cannot resize the width or height of a popup window
  • The user cannot can move the popup across the screen
  • The semi-transparent background appears and disappears with a fade effect (TBD)
  • The popup window itself appears and disappears with a slide down / slide up effect (TBD)

...