Example: Visualization Generator

The example describes a building which contains rooms. These rooms have switches and lights, each of which is available in two variants. The lights (blinking or steady) can be linked to switches or -buttons. A switch or-button can be linked to several lights. For example, if a light is equipped with both a switch and buttons, then the switch behaves as a main switch which must be pressed before the lights can be operated with the push-buttons. If only switches are installed, then these switch the referencing light. A blinking light automatically switches between on and off when it is switched on.

For more information, see: Visu section.

First, you need to enable the visualization generator (1) of the CODESYS Application Composer. In the settings dialog of the generator, you can define the top-level template as well as the window size. The top-level template determines – among other things – the appearance of the page tabs and the navigation elements within the generated top-level visualization.

In general, you can define several different visualizations for each module. In the module tree, on the HMI tab for each module instance, you can define which visualization you use and how you use them.

You link the visualizations created in the POU pool or in the library to a module in the Visu section. You can insert the visualizations into the page visualizations of other modules as embedded visualizations, according to the definitions in this section. In addition, the visualization can create its own page visualization for more embedding.

A page visualization can define placeholders which allows for the specific placement of embedded visualizations. You can manually edit and modify generated visualizations without being overwritten by a repeated generation.