dl-breadcrumbs__homedl-breadcrumb-item__separatorConfiguration and programmingdl-breadcrumb-item__separatorProgramming with CODESYSdl-breadcrumb-item__separatorCODESYS Visualizationdl-breadcrumb-item__separator...dl-breadcrumb-item__separatorReference: Programming dl-breadcrumb-item__separatorVisualization Elements dl-breadcrumb-item__separatorVisualization Element: Radio Buttons dl-breadcrumb-item__separatorElement properties dl-breadcrumb-item__separatorText properties
dl-pagination__prev-inactivedl-pagination__prev-activedl-pagination__next-inactivedl-pagination__next-active
Text properties dl-permalink__symbolPermalink

The properties get fixed values for the text properties and act on the texts configured in “Texts  Text” or “Texts  Tooltip”.

“Usage of”

  • “Default style values”:

    The values of the visualization style are used.

  • “Individual settings”:

    The “Individual text properties” property group is displayed so that you can customize the values there.

Requirement: The “Individual settings” text property is defined.

“Individual text properties”

“Horizontal alignment”

Horizontal alignment of the text within the element

“Vertical alignment”

Vertical alignment of the text within the element

“Text format”

Definition for displaying texts that are too long

  • “Default”: The long text is truncated.

  • “Line break”: The text is split into parts.

  • “Ellipsis”: The visible text ends with "..." indicating that it is not complete.

“Font”

Example: “Default”

_cds_icon_three_dots.png: The “Font” dialog opens.

_cds_icon_arrow_down.png: List box with style fonts

“Font color”

Example: “Black”

_cds_icon_three_dots.png: The “Color” dialog opens.

_cds_icon_arrow_down.png: List box with style colors

“Transparency”

Integer (value range from ‎0‎ to ‎255‎)

The transparent value determines the transparency of the respective color.

‎255‎: The color is opaque.

‎0‎: The color is completely transparent.

NOTE: