Base Application Template

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

Selecting and setting the viewing areas

Base Application Template 1:

  1. Selection of a static or responsive application
  2. Adjustment range for static application for HMI size in pixels

Setting the HMI layout

Base Application Template 2:

  1. Elements available
  2. Drop area for elements
  3. Adding breadcrumb navigation

Place element in drop area

Base Application Template 3:

  1. Docking areas for the element
  2. Preview for the selected area

Define and set media query

Base Application Template 4:

  1. MediaQuery
  2. Add new MediaQuery
  3. Adjust switching range in px
  4. On selection: name of the MediaQuery
  5. On selection: behavior of the navigation
  6. On selection: delete the MediaQuery

Build navigation

Base Application Template 5:

  1. Minimize and maximize the structure
  2. Navigation element (StartPage) cannot be moved or deleted
  3. Navigation element can be moved or deleted
  4. Adding an element on the same layer
  5. Adding an element on the same layer
  6. On selection: name of the element
  7. On selection: selection of content type
  8. On selection: preview of the selected content template