Overview

For some error cases detailed information is available from the system. The detailed error dialog provides this by giving the option to not only having a description, further links and reporting functionality but enhances this with the possibility to show technical error messages via a show detail action.

Detailed technical error description

When to Use

false

Recommended

In all cases, where there are system errors with detailed, technical information which help the user better understand the error

dont

false

Not Recommended

In cases where generic errors with no detailed system information is available
Do not use in combination with Fiori illustrated messages
Do not use if user has entered incorrect data

Anatomy

There are two variants of the detailed error dialog available: the condensed error dialog and the detailed error dialog. Both are derived from the Fiori control message box type error but enhanced with the resizing functionality. The message box size should depend on the content which is shown inside of it.

General Error Dialog

21.57; 39.74

Dialog Title

Contains a short error title

33.61; 56.18

Description

Contains a short description of what went wrong during the interaction

42.98; 31.18

Show Details Button

Expands the error dialog and displays more information in a text area

54.35; 48.11

Additional Links (Optional)

Shows further help pages and links

67.39; 61.25

Available Action (Optional)

Triggers a bug creation template on the respective ticketing system

66.05; 84.16

Negative Path

Closes the dialog

73.08; 88.75

Resize Indication

Resizes the dialog

Detailed Error Dialog

21.21; 62.85

Text Area (Read-only)

Contains all available system information for error case in code styling (Font: 72 Mono)

27.88; 78.39

Copy to clipboard Button

Copies the content to the clipboard; Is always visible and has reserved space so that the button does not overlay the content; Is pinned (also on scroll) to the upper right corner of the text area

66.30; 80.28

Scrollbar

Indicates horizontal and vertical scrolling

Copy to Clipboard Interaction

Clicking on the copy to clipboard button triggers a message toast.

Copy to clipboard message toast