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

AVEVA™ InTouch HMI

Import HTML5 widgets

  • Last UpdatedAug 09, 2024
  • 1 minute read

You can import a widget for a standalone and managed application. The file format is Custom Widget Package (.cwp), which includes HTML5, CSS, and Javascript files.

Importing HTML Widgets

  1. Launch WindowMaker.

  2. On the File menu, select Import, highlight Visualization, and then select HTML5 widget.

    The Import HTML5 widget dialog box appears.

  3. Select the folder for the application containing the windows to import.

  4. Select OK.

    The widget will appear in the toolbox.

After importing the widgets

  1. Create a graphic.

  2. Edit the graphic and embed the widget.

  3. Set the properties under the Widget Properties section. Each widget will have its own set of properties.

  4. Insert the widget on a window.

    The widget can now be viewed on WindowViewer and any web browser. Depending on the properties set in the design time you can manipulate the widget in runtime. Scripts using Custom Properties under ‘Widget Properties’ to modify widgets are not supported.

    TitleResults for “How to create a CRG?”Also Available in