Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

AVEVA™ InTouch HMI

TABLE OF CONTENTS

HTML5-Widgets importieren

Save PDF
Save selected topicSave selected topic and subtopicsSave all topics
Share
Share to emailCopy topic URL
  • Last UpdatedAug 27, 2025
  • 1 minute read

Sie können ein Widget für ein eigenständiges und eine zentral verwaltetes Projekt importieren. Das Dateiformat ist Custom Widget Package (.cwp), das HTML5-, CSS- und Javascript-Dateien enthält.

HTML-Widgets importieren

  1. Starten Sie WindowMaker.

  2. Klicken Sie im Menü Datei auf Importieren, dann auf Visualisierung und wählen Sie dann HTML5-Widget aus.

    Das Dialogfeld HTML5-Widget importieren wird angezeigt.

  3. Wählen Sie den Ordner mit dem Projekt aus, aus dem Sie die Fenster importieren möchten.

  4. Wählen Sie OK aus.

    Das Widget wird in der Toolbox angezeigt.

Nach dem Import der Widgets

  1. Erstellen Sie eine Grafik.

  2. Bearbeiten Sie die Grafik und betten Sie das Widget ein.

  3. Legen Sie die Eigenschaften im Abschnitt Widget-Eigenschaften fest. Jedes Widget verfügt über eigene Eigenschaften.

  4. Fügen Sie das Widget in ein Fenster ein.

    Das Widget kann jetzt in WindowViewer und einem beliebigen Webbrowser angezeigt werden. Abhängig von den in der Entwurfszeit festgelegten Eigenschaften können Sie das Widget zur Laufzeit bearbeiten. Skripte, die Benutzerdefinierte Eigenschaften unter „Widget-Eigenschaften“ verwenden, um Widgets zu ändern, werden nicht unterstützt.