LiveView

In the LiveView the current configuration of the HMI can be tested directly online with values from the PLC without the changes first having to be published on a server. The LiveView can be opened directly as a tool window in Visual Studio. The LiveView synchronizes itself directly with the Designer without you first having to save the changes. If, for example, you shift a control in the Designer, it will be shifted automatically in the LiveView.

LiveView 1:

The LiveView toolbar offers various options:

LiveView 2:
  1. HMI project for which the LiveView is displayed. If there are several HMI projects in the Solution, you can switch between the various projects.
  2. Refresh button: Refreshes the LiveView when changes have been made in the Designer that couldn't be automatically refreshed.
  3. Developer Tools button: Opens the Developer Tools of the browser engine. These can be used for debugging purposes:
    4. LiveView 3:
  4. Full-screen mode: This button opens the LiveView in full-screen mode. The full-screen mode can be exited again by pressing the Esc key.
  5. Zoom-Out: Zooms out of the LiveView.
  6. Zoom In: Zooms into the LiveView.
  7. Reset Zoom: Resets the zoom to the normal view.
  8. QR code display: Displays a QR code for the LiveView in order to open the LiveView on another device (e.g. a Smartphone). So that the LiveView can be opened via an external device you have to set the binding to a network card in the Visual Studio settings. The settings can be found under:
    Menu bar/Tools/Options/TwinCAT/HMI Environment/Binding Device
    9. LiveView 4:
  9. Opens the LiveView in an available browser. If several browsers are installed on the operating system you can choose between the browsers.