Object: CODESYS WebVisu

Symbol:

Function: The object is used to configure the web-based display variant for remote display of the visualization of the controller in a web browser. 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 the .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 have 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 in “Name of .htm file” is preset as the default page. Now this page will always open when a user specified in the web browser the IP address and port of the web server that is running on the controller: `‎http://<IP address of web server>:<port of web server>‎` 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 755: 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 756: Presentation Options
“Antialiased drawing”	: Antialiasing is used when drawing the visualization in the web browser.

Table 757: Input handing 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 input action “Write Variable”, and configure the “Input type” as “Default”, then the settings are used here.
“Treat touch as mouse actions”	: On devices with a touchscreen, gestures are treated as mouse actions. This option is required, for example, to operate a slider or scroll bar on a touch device.