Base Application Template

The "Base Application Template" is a template in the classic HMI design.

1. The first step is about the behavior of the HMI. A distinction is made here between a "static" or a "responsive" application.
Base Application Template 1:
The static application is an HMI that works with fixed pixel values. With different resolutions there is only the possibility of scaling.
In the responsive application, the HMI is adapted depending on the resolution. It is possible to set "Media Querys".
1. Define their areas in the HMI. To do this, you can drag controls into the HMI layout from the left side. This offers various docking options. However, you can also move or delete elements that have already been placed.
Base Application Template 2:
1. This step is available only if the responsive application is selected beforehand. In order to use the responsive design optimally, MediaQuerys must be defined. These describe when a break occurs.
Base Application Template 3:
1. Create their navigation structure. Add new main nodes or sub-nodes. For created nodes there is a possibility to choose different templates. Furthermore, the nodes can be moved freely in the structure. If you want to finish the configuration, click the Finish button.
Base Application Template 4: