Web Navigation Template

The "Web Navigation Template" is based on a modern website design.

1. The first step is about the behavior of the HMI. A distinction is made here between a "static" or a "responsive" application.
Web Navigation 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. 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.
Web Navigation Template 2:
1. Create their navigation structure. Add new main nodes or sub-nodes. In addition, the WebNavigation has a grouping on the first level. For created nodes there is a possibility to choose different templates. Furthermore, the nodes can be moved freely in the structure inside or outside the grouping. If you want to finish the configuration, click the "Finish" button.
Web Navigation Template 3: