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 .

Security Notices Development of an HTML5 Control It is not possible to transfer any amount of data which may occur with large arrays. In this case, it is helpful to bind the array with scroll range fu

Applying Visualization Styles 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 t

Designing a visualization element with style properties The set style includes style properties. These are provided in the Properties view of an element in the list box of the Value column. It is chec

Switching visualization styles When setting a style in the Visualization Manager, all complete styles in the repository are available for selection. It does not matter and it is not evident if a style