Pages

Button: Overlay

Beschreibung

Der Overlay Button dient dazu, ein schwebendes Fenster (Overlay) über der aktuellen Ansicht zu öffnen – ohne die Seite vollständig zu wechseln.

Im Gegensatz zum Popup erscheint das Overlay an einer genau definierten Position und eignet sich ideal für kontextbezogene Inhalte oder Werkzeuge.

Anwendungsfälle

Typische Szenarien für den Overlay Button:

  • Anzeige des Alarmverlaufs neben einem laufenden Prozess
  • Einblendung des Loggers am rechten Bildschirmrand
  • Öffnen einer Geräteseite als Seitenleiste
  • Kontextmenüs oder Bedienhilfen für Eingabefelder
  • Vergleichsansichten, ohne die aktuelle Ansicht zu verlassen

Funktionsweise

Das Verhalten des Overlays wird durch drei zentrale Eigenschaften gesteuert:

1. Navigation

Zur Auswahl stehen:

  • Eine eigene Seite (hochgeladen oder erstellt)
  • Ein System-Component:
    • Alarme
    • Alarmverlauf
    • Alarmübersicht
    • Logger

Diese Inhalte werden als Overlay statt als eigene Ansicht dargestellt.

2. Position (Pflichtfeld)

Du musst die genaue Position des Overlays definieren – im Format:

Diese Struktur steuert:

  • Horizontale Ausrichtung (start, center, end)
  • Vertikale Ausrichtung (top, center, bottom)

Beispiele:

  • [code_block_0] → Linke obere Ecke
  • [code_block_1] → Rechte untere Ecke
  • [code_block_2] → Mittig

3. Beschriftung (Label)

Der sichtbare Text auf dem Button.
Optional kannst du auch ein Icon ergänzen, um die Funktion visuell zu verdeutlichen.

Zusammenfassung

Mit dem Overlay Button integrierst du zielgerichtete, nicht-blockierende Fenster in deine HMI-Oberfläche:

  • Keine Seitenwechsel
  • Kein Vollbild
  • Präzise platzierte Inhalte für optimale Bedienerführung