Reference: HTML5 Control Editor :
HTML5 Control Editor Symbol: Function : Allows you to create, edit, and localize an HTML5 control for use in CODESYS WebVisu Call in CODESYS : Click Tools → Visualization Element Repository . Tip The
Tabs Tab: General The tab contains the general metadata of the open HTML5 control and allows it to be edited. The data should be used to uniquely identify the HTML5 control. Table 129 . Identification
Menu Commands Menu: File New HTML5 control Opens the Create a New HTML5 Control dialog Open Opens the device selection dialog Select an HTML5 control to edit there. Close Closes the control which is a
Reference: HTML5 Control Development CODESYS HTML Control Developer’s Guide :
Editor: Visualization Style Editor Symbol: Function : The editor is used for creating, deriving, editing, and localizing visualization styles. In addition, it makes it possible to check and install a
Dialog: Create New Visualization Style Symbol: Function : The dialog prompts you to specify data for a new created style file. . Call : In CODESYS : In the Visualization Manager object, on the Setting
Dialog: Open Existing Style as Copy Function : The dialog prompts you to specify data for copying a style file. . Call : In CODESYS : In the editor of the Visualization Manager object, on the Settings
Tutorial Here you will find specific instructions for various use cases. Tip This collection of instructions is continuously being expanded. Tip For hints and tips on best practices for configuring an