The example shows a visualization with three screens. A menu controls the navigation of the screens. The menu is hidden until it moves into view by means of a hamburger button. During the movement, the transparency of the menu is changed. After the screen is selected, the menu moves back out of view. The animation is computed entirely on the target system. The CODESYS visualization only defines the target values (positions, transparency).
-
Preparation
-
Creating the PLC_PRG program
-
Creating a menu bar
-
Create more visualization pages
-
Create the main visualization page
-
Downloading the project to the controller and starting the WebVisu