Web Vision

Web Vision is a pure web HMI/SCADA interface for industrial applications. Based entirely on JavaScript, HTML5 and CSS technologies, it enables users to control their application on any device such as smartphones, tablets, touchscreens, laptop...

Note: Before starting configuration, a new module instance must be created. Click here for more information about creating Module instances . Each module has an API and Logger section that need to be configured separately. The default sett...

The Designer can be launched from the  Web Vision  configuration page in the WebUI, as shown in the below image. Alternatively, the designer can be launched directly from the web browser by adding /designer to the Web Vision url. For inst...

The Viewer will initially load the template marked as “ Startup template ” on the designer. The selected template will be marked with an asterisk (*). If no startup template is selected, an error message will be displayed when opening the Viewer...

Tag Alias When the “ Tag Alias ” entry is selected using the burger button menu, a popup will appear with a tree representing the alias tree. Users can define different tag groups and tag aliases from this tree. This alias or alias group can th...

Input helpers provide support for accomplishing tedious tasks, like manually writing tag paths or picking component properties. The Input helpers menu appears when hovering over an input field and clicking on the gear icon. Link t...

Function  Functions are elements that define an expression, which can be used inside expressions across the entire  Web Vision  project. Each function contains a script that is executed every time the function is invoked. Functions can also call...

DataSets are elements used to gather and present data using multiple data sources. The DataSets project folder contains the templates for DataSets that are ready to be instantiated inside each component. For performance reasons, the data from a da...

Common properties All visual elements share the following general properties: Size The Size fields enable users to define the dimensions of an element by specifying its width  and height . These dimensions can be assi...

Actions are triggered when the event for which they were configured is triggered. Available actions are: Write tag Write tag allows a value to be written to the selected tag. It has two configurable fields: Tag: Tag to write valu...

Linking tags to a property To display tag values using components, such as the gauge component, the value of the component must be linked to the tag that will be displayed. It is important to note that any tag property can be linked, not just...

CSS color format All color fields in  Web Vision  support any CSS color format for defining colors. See below for all formats accepted by CSS: Predefined color names: These colors are used by specifying the color as a string with the co...