Introduction

A visualization style is a collection of colors, fonts, images, and any values that are defined as style properties. When designing a visualization element, you can use these style properties only. Then you have a uniform, style-dependent appearance.

An element that applies style colors and style fonts behaves according to the selected style design in each selected style. In this way, a style property, such as ‎Element basic color‎, can be blue In one style and gray in another style. In contrast, if the color of an element has a fixed value, this color is fixed even when the style is switched.

All applicable styles are consistent because they define a fixed set of style properties. Therefore, you can switch smoothly between styles in order to customize your visualization. You can preview a style to get an impression of how it behaves.

CODESYS provides different styles, for example the styles ‎Flat style‎ or ‎White Style‎.

These provided styles are installed in the Visualization Style Repository.

If you do not like the available styles, then you can create your own. The easiest way to do this is to use an existing style as a base.

For more information, see: ⮫ “Entries in the Visualization Style ”

The selected style that applies to all visualizations in the application is set in the “Visualization Manager” object (“Settings” tab, “Style Settings” group, “Selected style”). In addition, the “Properties” view provides its style properties when designing an element. For each element, you can assign these styles instead of fixed values.

The style is applied to all visualizations that are below an application. The settings of the “Options – Visualization Styles” dialog are also considered for a library visualization or a visualization in the POU view.