HMI

Drag & drop editor for creating HTML5 visualisations. You will find this in the project tree as My HMI by default. The name of the HMI is displayed as the title in the browser tab and can be changed accordingly.

Create HMI

HMIs can be created with for any resolution. Each resolution represents a breakpoint. If the browser window becomes smaller than a given resolution, the next-smaller one is automatically selected; if the window becomes larger, the next-larger one is selected. This allows you to conveniently design fully-responsive HMIs.

Create new resolution

To create a new resolution, right click or click on the 3 dots on the topmost HMI node and select Add resolution folder. In the dialog you can choose from templates or set the resolution yourself.

Duplicate pages

If you want to duplicate all sub-pages of one resolution to another resolution, please right-click or click on the 3 dots on the corresponding folder and select Duplicate resolution. In the dialog you can select the new resolution. All subpages and elements will be duplicated accordingly.