Object: CODESYS WebVisu

Symbol:

Function: This object is used to configure the web-based display variant of a visualization which runs in an Internet browser remotely from the controller. This allows for remote access, remote monitoring, as well as service and diagnostics of an application over the Internet.

Requirement: The object is inserted below the Visualization Manager, and the target system has a web server with CODESYS WebVisu support. The web server allows for the communication between the target system and the web browser.

Start visualization	Name of the visualization where the start is displayed as CODESYS WebVisu. Hint: Use the Input Assistant to select another visualization.
Name of .htm file	Base URL of the web page. The URL is also specified as the address in the web browser. Example: `http://localhost:8080/webvisu.htm` Note: If you use a BeagleBone Black as a visualization device, then you need to note that a BeagleBone Black uses port 9090 for its web server. A valid IP address is as follows: `http://192.168.7.2:9090/webvisu.htm`
Use as default page	: The page specified under Name of .htm file is preset as the default page. When a user enters the above IP address together with the port of the web server running on the controller as the URL (`http://<IP address of web server>:<port of web server>)`, this page is opened. Example: `http://localhost:8080` Notice: Even if you have created multiple web visualizations, you can activate this option for exactly one web page only and therefore preset only one page as the default page.
Login visualization	Visualization which is displayed for logging in to the CODESYS WebVisu If runtime-based user management is configured, then a visualization from the library is entered here as the login page by default. This visualization can be adapted or even replaced.
Update rate (ms)	Refresh rate (in milliseconds) in the web browser
Default communication buffer size	Default size for communication buffer (in bytes). Defines the maximum available memory for data transfer between the web client and the web server. Example: `50000`
Show Used Visualizations	The link opens the Visualizations tab in the Visualization Manager editor. The tab provides information about the visualizations downloaded to the display variants.

Table 45. Scaling Options

Fixed	: Fixed size of the visualization. The values used are Client height and Client width.
Isotropic	: The size of the visualization is adapted to the dimensions of the web browser, retaining the proportions of the visualization.
Anisotropic	: The size of the visualization is adapted to the web browser.
Use scaling options for dialogs	: The dialogs (also for keypad and numpad) are scaled as the visualization (drawn with the same scaling factor). This is an advantage when a dialog was created to match the visualization because then they are scaled together.
Client height	Height of the visualization (in pixels).
Client width	Width of the visualization (in pixels).

Table 46. Presentation Options

Antialiased drawing

standard icon : Antialiasing is used when drawing the visualization in the web browser.

Table 47. Input Handling Options

Standard text input with

Touchscreen: Text input on the WebVisu with touchscreen. The keypad or numpad dialog opens.
Keyboard: Text input on the WebVisu with an ordinary keyboard or a virtual keyboard (on Android OS for example)

Effect:

When you configure a user input for default text input, select an input configuration for the Write Variable input action, and configure the Input type as Default, then the settings are used here.

Handle touch as mouse events

standard icon : On devices with a touchscreen, touch events are handled as mouse events. This option is required, for example, to operate a slider or scroll bar on a touchscreen device.