Summary

The system notification pattern is used when an application instance encounters an error that prevents normal usage of the application. System notifications are a composition of the page layout and page content patterns, with purpose-built extensions for content legibility and progressive disclosure of information.

Status

Examples

Code

System notifications are used to report an instance error or incident. This includes things from 404s to 500s and something as innocent as an instance upgrade. It provides a hook for users to subscribe to email updates and contains a way to provide a more detailed log of the issue.

HTML

System notifications is a page layout so you must pay special attention to the upper level classes such as aui-page-notification, aui-page-size-medium, aui-page-panel, aui-page-panel-inner and aui-page-panel-content. All of these are required to render the system notifications page correctly.