Positioning the Element, Adapting Size and Layer A visualization is a raster image in pixels. The pixel position is specified in X/Y-coordinates. The origin (0,0) is located at the upper left corner o
Optimally Adjusting the Position and Size You can design the position and size of contents in a visualization depending on their usage in container elements ( Frame or Tabs ). To do this, the automati
Assigning a Color You configure the color of a visualization element either statically by means of the Color property, or dynamically by assigning an application variable by means of the Color variabl
Displaying Texts You can display texts in an element by specifying the text in the Texts → Text property. You can also have a text displayed as a tooltip ( Texts → Tooltip element property). These tex
Capturing User Input Events You can capture user input events in the application. For this purpose, you can implement a function block that is executed when user events occur. Note Sample project for
Setting Up User Management If you want to deploy a web visualization and securely protect it from third-party access, it is advantageous to set up runtime-based user management for it. Runtime-based u
Creating runtime-based user management initially Note Whenever possible, use a runtime version >= 3.5 SP18 Patch 1 and CODESYS Visualization version >= 4.2.0.0 for a new project with a visualization.
Switch to legacy user management Note Whenever possible, use a runtime version >= 3.5 SP18 Patch 1 and CODESYS Visualization version >= 4.2.0.0 for a new project with a visualization. You have initial
Creating a group with administrator rights for visualizations Only with runtime-based user management Procedure . Configuration of user groups with restricted administrator permissions for the visuali
Setting up access control and login operation In the user management dialogs, you define the login, logout, changing of the user password, and editing of the user management in the visualization at ru