diff options
| author | Jouni Koivuviita <jouni@jouni.me> | 2017-03-27 14:43:48 +0300 |
|---|---|---|
| committer | Henri Sara <henri.sara@gmail.com> | 2017-03-27 14:43:48 +0300 |
| commit | 38ed444e7eb5ab8960a681fb8775f8e1e50a4c61 (patch) | |
| tree | 3d6da6045287c4284880492d5000a7045e022093 /documentation/application/application-notifications.asciidoc | |
| parent | fee9350a59c60aadb876bbdd8303552c1209c517 (diff) | |
| download | vaadin-framework-38ed444e7eb5ab8960a681fb8775f8e1e50a4c61.tar.gz vaadin-framework-38ed444e7eb5ab8960a681fb8775f8e1e50a4c61.zip | |
Add `closable` style to Error Notifications (#8903)
Add an additional stylename `critical-error` that styles the
notification like the Error-type, but without the close button.
Fixes #8296
Diffstat (limited to 'documentation/application/application-notifications.asciidoc')
| -rw-r--r-- | documentation/application/application-notifications.asciidoc | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/documentation/application/application-notifications.asciidoc b/documentation/application/application-notifications.asciidoc index a53fb7d7b4..8e0a08e075 100644 --- a/documentation/application/application-notifications.asciidoc +++ b/documentation/application/application-notifications.asciidoc @@ -88,9 +88,11 @@ image:img/notification-error.png[width=30%, scaledwidth=50%] Error messages are notifications that require the highest user attention, with alert colors, and they require the user to click the message to dismiss it. The error message box does not itself include an instruction to click the message, -although the close box in the upper right corner indicates it visually. Unlike +although the close icon on the right side indicates it visually. Unlike with other notifications, the user can not interact with the application while -the error message is displayed. +the error message is displayed. If you don't want to show the close icon, +you can hide by adding the style constant +[literal]#ValoTheme.NOTIFICATION_CRITICAL_ERROR# to the [classname]#Notification#. [parameter]#TRAY_NOTIFICATION#:: image:img/notification-tray.png[width=30%, scaledwidth=50%] |