#27457 Conditional formatting in tables/grids/forms

Enhancement

Major

#26586

Direct updating of calculated attributes in forms and grids when editing input values

#26702

TLScript: sendMail() function

#27216

Attribute annotation "fallback value" as replacement in case of empty value

#27457

Conditional formatting in tables/grids/forms

#27784

Java 17 as a development environment

#28122

Layout editor: Generalized form templates

#28151

TLScript: new ParseCSV function

#28263

Allow to specify the deletion policy for a reference in the model

Detail

#27920

Removal of old themes and adaptation to the core theme

#28144

Display button line via template, no more button lines in administration views

#28214

Update pac4j-oidc

#28292

Set tl-license-professional version in tl-parent-all

Nice to have

#28282

tl-demo: Example for TreeGrid with synthetic root node

Bugfix

Major

#28197

Sorting a composition table by a column with SelectField leads to ClassCastException

Detail

#27787

Missing context suggestions for TL script functions with underscore in the name

#28071

Deletion of inline composition elements in the form fails if deleted object triggers further deletions

#28175

Script Recorder: Saving scripts does not display the file name field

#28184

Eclipse settings: Update of the webfragment version to 6.0

#28283

Migration processor for cleaning up multiple references to the same composition

#28288

Dynamic visibility requires fields for dependent attributes

Enhancement

Major

#27457

Conditional formatting in tables/grids/forms

DynamicColumns

Problem

It is currently not possible to adjust the display depending on the current value (simple/in-app).

Desire

You would like to be able to adjust the background color, font color, weight, style or frame depending on the column value.

Realization

There is a new option for "Column configurations" for tables and grids: "Column customizations". This option can be used to make UI settings for a selected column: A new option is "CSS classes". This can be used to set both static and dynamic CSS classes for content.

A dynamic CSS class can be used to configure a function for a column that determines a CSS class based on the cell value. The actual display can then be defined via an add-on to the theme. There are predefined classes from the core theme that can be used to create different color markups:

tl-info
tl-success
tl-warning
tl-danger
tl-debug,
tl-accent-1
tl-accent-2
tl-accent-3

All these classes can be combined with the tl-lighter class to set a lighter color accent.

The accent classes can now also be used in font icons to color the icon accordingly.

Test

Dynamic formatting is built into tl-demo in the views "Technical demo > Components > Tables and trees > Table" and "Technical demo > Components > Tables and trees > Grid".