#25170 Clear and uniform display of error messages

enhancement

major

#24864

Create TLEnumeration in module tree

#25147

Provide layout for model-based search in base

minor

#24403

Rewriter to remove old data from DOStorage during migration

#24948

Upgrade ACE Editor to version 1.4.10

#25096

Comparator for Named

#25103

Change OptionProvider to OptionModel

#25112

Common superclass for TLAnnotation with string value

#25124

Display of the sorting in the list administration

#25129

Configure model filter on ModelService

#25131

Moving various ResourceProviders from element to tl

#25155

Name mapping for Named

#25159

Remove ModelSpec.Null as option for the model

#25170

Clear and uniform display of error messages

defect

major

#25095

Error when configuring views in-app

#25117

Log ERROR because of license in newly installed application

#25118

Invalid component reference in meetingDialog

#25121

New application: BoxLayoutTag$ConfigService module not started

minor

#24851

DefaultFormFieldControlProvider always hard sets the ButtonRenderer

#24870

Attributes tab in Model Editor also visible for modules

#24886

Wrong disabled icon for detail dialog opener in sidebar theme

#24907

Incorrect "matching parentesis" markup in TL script editor

#24908

Double (ugly) error messages german/english in Expert search

#24911

Context help in TL script editor not case-insensitive

#24955

Invisible icons / texts in Dezenzt theme

#25092

I18N In-app development issues

#25093

Usability problems with in-app development

#25114

Form editor does not adapt to the theme?

#25115

Design mode button no longer red after tab addition

#25119

404 Error "favicon.ico"

#25120

Dependency problem in new application

#25128

Errors in the log when starting a new application

#25148

Missing translation "is empty" "is not empty"

#25154

Missing serialization of configuration properties in DisplayStrategy.IGNORE

#25158

Remove own component as option for model source

#25161

Target Label requires MainLayout when loading configuration

#25168

Delete unused FormEditorApplyHandler

#25169

TL script: CCE when comparing integer and double

#25172

Repair surface defects

#25176

Model editor not enabled by default in new app

#25178

Error icon overlaps dialog opener in grids in decent theme

#25187

Forms in dialogs predominantly non-reactive

nice-to-have

#25181

Search icon in decent theme not centered when selected

enhancement (User-visible)

minor

#25170

Clear and uniform display of error messages

Theming

The error messages that appear when, for example, a tl:TopLogicException is thrown are not designed in a consistent or clear manner in the Dezent theme.

The size of the icons varies depending on the severity of the error. For “large” error messages—those containing a lot of text—displaying the error message requires the entire available space on the screen.

The tl:InfoService displays messages much more effectively. In addition to the error message title and a description, it displays further information—such as stack traces—in a separate “Details” section. The “Details” section can be shown or hidden.

Implementation

The icons are now all the same size. The title has been slightly reduced in size. A “Details” section has been added that can be shown or hidden. An error message now consists of 4 parts:

Error message icon
Error message title
Error message description
Error message details (e.g., stack traces)

It now looks like this:

If you open the details, you’ll see

Test

Start Demo. Then openTechnical Demo > LayoutFramework#1 > Forms > Form Controls (inline) . There are buttons there to display error messages:

failWithMultipleErrors
failWithFatalTopLogicException
failWithTopLogicExceptionInfo