dl-breadcrumbs__homedl-breadcrumb-item__separatorConfiguration and programmingdl-breadcrumb-item__separatorProgramming with CODESYSdl-breadcrumb-item__separator...dl-breadcrumb-item__separatorCODESYS Visualizationdl-breadcrumb-item__separatorReference: Visualization Style Editor dl-breadcrumb-item__separatorEntries in the Visualization Style
dl-pagination__prev-inactivedl-pagination__prev-activedl-pagination__next-inactivedl-pagination__next-active
Entries in the Visualization Style dl-permalink__symbolPermalink

The following describes those style entries which you as a user need to know in order to influence the appearance of the visualization or elements.

A visualization style can basically be edited with the “Visualization Style Editor”. You can call the editor in the Visualization Manager. If a style is preset there, then you can open the editor with that style to create a new style (derived from it). From our point of view, this is the easiest way to create your own visualization style.

Continue as follows:

  1. Select a visualization style which is closest to what you want.

    visu_img_how_to_get_a_new_visu_style_1.png

  2. In the Visualization Manager, use the “Copy and Edit Style” command.

    visu_img_how_to_get_a_new_visu_style_3.png

  3. Select an empty folder, confirm the dialog, and edit the style in the “Visualization Style Editor”.

    The Visualization Style Editor opens. The style entries can be found on the “Style Properties ”tab.

  4. Use the command icon 187138740.png to toggle the insert mode.

    The insert mode on the “Style Properties” tab is set to flat.

NOTICE

NOTICE
NOTICE
NOTICE

NOTICE

NOTICE

When the insert mode is set to “flat”, you can apply the style entry names from the following tables.

  • Fonts
  • Colors
  • Colors without a description
  • Images