Creating Initial HMI Projects An wizard is available for the initial creation of an HMI project. Initial situation: The controller to be displayed in a visualization is executed and connected to the c
Developing HMI Applications An HMI application is created in an HMI project. Ideally, this project was created initially with the Create HMI project wizard. You can edit the HMI application in both th
Connecting with Trend Recording to Remote PLCs With an HMI project, you can display the trend recording of a remote PLC in the "trend" visualization element. Requirement: Trend recording is defined in
Display Remotely Sampled Data as HMI in a Visualization With an HMI project, you can display in a visualization remotely sampled data locally in an HMI user interface. To do this, you use a trace elem
Basic procedure You can link an HTML5 control in the CODESYS development environment. Procedure . Preparation Create a JavaScript wrapper file ElementWrapper.js for the control. Specify any files whic
Displaying information In the visualization elements repository, you can get information about the elements installed in the project. You can query the status of signing and uninstall an element if in
Using an element without a valid signature If an HTML5 control without a signature, with an invalid certificate, or with an invalid timestamp is part of your visualization, then a warning is displayed
Linking and Using an HTML5 Control You can install an HTML5 control directly into your visualization element repository. HTML5 controls can be added to a repository so that it is possible to distribut
Viewing Image Files Note Examples for HTML5 controls The following options are available for accessing an image from the HTML5 control. Referencing Description Static image from JavaScript code refere
Signing In the Visualization Element Repository dialog, you can sign an HTML5 element and manage its certificates. Procedure . Signing an HTML5 Control Click Tools → Visualization Element Repository .
