Pages

Was sind "Pages"?

Pages sind die einzelnen Seiten deines Benutzerinterfaces, auf denen du Informationen anzeigst oder Steuerbefehle übergibst – z. B. für Maschinen, Anlagen oder Räume.
Du kannst jede Page wie eine digitale Oberfläche gestalten, die auf einem Webpanel (z. B. WP400), einem Desktop-PC oder einem Tablet angezeigt wird.

Wofür brauche ich Pages?

Du brauchst Pages immer dann, wenn du:

• Benutzeroberflächen erstellen willst (z. B. Bedienpanels, Statusanzeigen, Dashboards)
• Mehrere Ansichten für verschiedene Geräte oder Rollen brauchst (z. B. Bediener, Wartung, Admin)
• Navigierbare Visualisierungen aufbauen möchtest – also zwischen Seiten springen, Buttons verwenden, Inhalte logisch trennen

Was kann eine Page enthalten?

Mit dem eingebauten Editor platzierst du per Drag-and-Drop:

• Buttons (z. B. zum Ein-/Ausschalten)
• Schieberegler (Slider)
• Anzeigen (z. B. Temperatur, Druck)
• SVGs (Grafiken, Icons)
• Trendanzeigen (Verläufe)
• Bargraphen (Balkenanzeigen)

Alle Elemente kannst du direkt mit Werten aus einer Steuerung (z. B. CODESYS oder WAGO PLC) verbinden – über sogenannte Connection Strings.

Seitenauflösung

Du kannst jede Page in einer frei wählbaren Auflösung anlegen – z. B. 1920x1080 für einen großen Monitor oder 1280x800 für ein Webpanel.
Das sorgt dafür, dass die Inhalte perfekt zum Endgerät passen.

Live-Aktualisierung

Änderungen an den Seiteninhalten – etwa neue Werte aus einer Steuerung – werden soft-realtime angezeigt, also fast in Echtzeit.
Beispiel: Wenn sich die Temperatur eines Sensors ändert, wird das sofort sichtbar – ohne dass du die Seite neu laden musst.

Seitennavigation

Seiten können dynamisch miteinander verbunden werden:

• Mit einem Button: "Gehe zur Seite XY"
• Über Logik: "Wenn Temperatur > 100°C, öffne Warnseite"
• Als Startseite: Beim Start deiner Anwendung öffnet sich automatisch eine festgelegte Seite

Zusätzlich kannst du über das Menü (Burger-Icon) eine neue Seite erstellen und Seiten bequem per Menüeintrag wechseln.

Was du mit Pages machen kannst

• Neue Seiten erstellen
• Seiten duplizieren (z. B. als Vorlage)
• Seiten löschen
• Seiten als Templates speichern
• Seiten in Gruppen oder Strukturen anordnen

Funktion	Enthält Layout	Wiederverwendbar	Typische Nutzung
Page	Ja	Nein (aber duplizierbar)	Ganze UI-Oberflächen
Template	Ja	Ja	Wiederverwendbare Container mit Layout
Combined Control	Nein (nur Inhalt)	Ja	Kleine Funktionsgruppen (z. B. Button mit Logik)

Fazit:

Pages sind das Herzstück deiner Benutzeroberfläche.
Hier platzierst du alle visuellen und steuernden Elemente, legst die Logik fest und definierst das Layout für verschiedene Geräte.

Wenn du verstehst, wie Pages funktionieren, kannst du jede Art von HMI, Dashboard oder Prozessoberfläche modular aufbauen und pflegen – ganz ohne Programmierung.