Creating a custom Widget with the Widget Development Kit

A custom Widget can also be created with the Widget Development Kit(WDK). Differently to the Custom SVG Widget which uses an SVG as base, the Widget Development Kit can be used to create a widget from scratch.

Programming of a custom Widget is done independently of WinCC OA in the downloaded workspace, which requires no license. However, the resulting widget can only be used in the Dashboard, which requires a matching license.

Note:

Please note that custom widgets created with any version of the Widget Development Kit are only compatible with the Dashboard in corresponding WinCC OA Versions (See the Compatibility Table). Widgets created with previous versions of the Widget Development Kit need to be updated to the current Angular version to be compatible. The "nx migrate" mechanism can be used for this alongside other supplementary adaptations of the webpack configuration.

The WDK version is available in the "debug Informations" section of the Application Info Page.

Table 1. Version Compatibility Table
WDK Version 3.20
Release
2.0.0 - 2.0.1
3.0.0 - 3.0.1
4.0.0 - 4.0.5
5.0.0 - 5.0.1
6.0.0 - 6.1.0
7.0.0 - 7.1.2