Tag column renderer

The tag renderer offers the possibility to display cell contents as a tag (images/download/attachments/78265060/image2020-8-6_11-25-39-version-1-modificationdate-1632900304659-api-v2.png ) in a specific colour and with an optional icon.
For this purpose, both the color and the icon can be evaluated as calculation expressions.

images/download/attachments/78265060/image2020-8-6_11-29-57-version-1-modificationdate-1632900304651-api-v2.png

The input value of the expressions is the value of the entire row entry, not the value of the cell (data field column). The tag label is defined via the label expression of the cell.
For icon and color printing the cell value is available as variable "columnValue" and the value label as variable "columnLabel" ($var(columnValue), $var(columnLabel)).

Both hexadecimal representation (ff0000 for red) and decimal representation (16711680 for red) are accepted as a calculated colour value.

►NOTE◄ The hexadecimal representation can be preceded by a '#', '0x' or nothing. The color of the caption becomes either white or black depending on the background color value.

Tag contrast colour mode

The contrast mode of the tag color (background v.s. font color) is set by default via the Styles entry 'tagContrastColorMode', but can be overridden in the Layout section per label element.

Possible values:

  • Empty – value is taken from the Styles entry 'tagContrastColorMode'.

  • Default – colour is set as the background colour. The font colour is black or white, depending on the colour tone of the background.

  • Foreground – colour is set as background colour. The font colour is dynamically calculated as a lighter/darker version of the background colour.

  • Background – colour is set as font colour. The background colour is dynamically calculated as a lighter/darker version of the font colour.

Examples of contrast mode (foreground v.s. background):

Colour value

Default

Foreground

Background

#980F45

images/download/attachments/78265060/image2021-9-22_13-59-42-version-1-modificationdate-1632900367329-api-v2.png

images/download/attachments/78265060/image2021-9-22_13-56-42-version-1-modificationdate-1632900367342-api-v2.png

images/download/attachments/78265060/image2021-9-22_13-57-41-version-1-modificationdate-1632900367351-api-v2.png

#23d323

images/download/attachments/78265060/image2021-9-22_14-3-58-version-1-modificationdate-1632900367362-api-v2.png

images/download/attachments/78265060/image2021-9-22_14-4-51-version-1-modificationdate-1632900367372-api-v2.png

images/download/attachments/78265060/image2021-9-22_14-5-17-version-1-modificationdate-1632900367382-api-v2.png

#40b3a2

images/download/attachments/78265060/image2021-9-22_14-6-55-version-1-modificationdate-1632900367392-api-v2.png

images/download/attachments/78265060/image2021-9-22_14-7-17-version-1-modificationdate-1632900367402-api-v2.png

images/download/attachments/78265060/image2021-9-22_14-7-42-version-1-modificationdate-1632900367410-api-v2.png