Preparazione

1. Creare un file wrapper JavaScript ‎ElementWrapper.js‎ per il controllo.

2. Specificare i file necessari per l'esecuzione dell'elemento, come i file di stile (CSS), i file JavaScript (JS) o i file di immagine (SVG).

3. Creare un'immagine dell'elemento ‎ElementImage.svg‎ che viene visualizzata nella casella degli strumenti.

Integrazione nel sistema di programmazione

1. In CODESYS, creare un file XML (‎.html5control.xml‎) con informazioni generali.

2. Creare la mappatura delle proprietà del controllo HTML5 con le proprietà dell'elemento di visualizzazione CODESYS.

3. Localizzare i testi dell'interfaccia.

4. Installare l'elemento.

5. Firmare l'elemento.