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.

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).

Presentation Options

Antialiased drawing

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

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.