Controls – Unterschied zwischen Seitenansicht und Menüansicht (Burger-Menü)
Im PLCVisu-System gibt es zwei Arten, mit Controls (Steuerelementen) zu arbeiten:
Einmal innerhalb von Pages, und einmal über das Burger-Menü unter „Controls“. Beide Ansichten haben unterschiedliche Funktionen und Anwendungsbereiche.
Controls innerhalb einer Page
Wenn du dich in einer konkreten Page befindest und dort ein Control auswählst (z. B. ein Toggler, ein Display oder ein Slider), kannst du:
- Connection String festlegen (z. B. SPS-Variable)
- Label und Tooltip anpassen
- Design & Verhalten konfigurieren (Farbe, Ein-/Aus-Logik, etc.)
Diese Ansicht ist kontextbezogen – du bearbeitest ein spezifisches Control innerhalb einer bestimmten Visualisierungsseite.
Hinweis: Änderungen gelten nur für das aktuell platzierte Control auf dieser Page.
Controls über das Burger-Menü
Wenn du das Burger-Menü öffnest und dort den Bereich „Controls“ auswählst, erhältst du eine globale Übersicht aller vorhandenen Control-Grafiken (SVGs) und deren Konfigurationen.
Dort kannst du:
- Eigene SVG-Icons hochladen oder bearbeiten
- Bestehende Controls duplizieren oder anpassen
- Standarddarstellungen (z. B. Symbol für einen Schalter) zentral ändern
- Neue visuelle Varianten anlegen, die später auf beliebigen Pages verwendet werden können
Diese Ansicht ist systemweit und dient der Gestaltung und Verwaltung von Steuerelement-Vorlagen.
Zusammenfassung: Vergleich der Ansichten
| Funktion | Innerhalb von „Pages“ | Über Burger-Menü „Controls“ |
|---|---|---|
| Kontext | Nur für aktuelle Seite | Global für alle Seiten |
| Bearbeitung | Verbindungsdaten & Verhalten | Aussehen & SVG-Definition |
| SVG hochladen / ändern | ❌ Nicht möglich | ✅ Möglich |
| Neue Control-Typen erstellen | ❌ Nur Instanz bearbeiten | ✅ Eigene Control-Vorlagen definieren |
| Typische Anwendung | Visualisierung mit SPS verbinden | Designsystem verwalten oder erweitern |
Beispiel
Du möchtest ein neues grafisches Icon für einen Motor erstellen, das sich von den Standard-Symbolen unterscheidet:
- Öffne das Burger-Menü → Controls
- Lade deine eigene SVG hoch oder bearbeite ein bestehendes Control
- Weise es später innerhalb einer Page einem konkreten Baustein zu
So trennst du Darstellung (global) und Verhalten (lokal) sauber voneinander.
# Controls – Pages vs. Global Library (Burger Menu) ## Overview PLCVisu offers two different ways to access and use Controls (UI elements like buttons, sliders, and indicators): --- ## 1. Controls in **Pages** When you add a Control directly in a Page: - You can **bind it to a variable** using the `Connection String` - You can **edit the label**, configure settings, and connect logic - Ideal for **immediate use** in a specific visualization or HMI screen - Each control instance is **independent** and specific to that Page --- ## 2. Controls via **Burger Menu → Controls** This is the **global Control Library** and serves as a central management panel. - You see an **overview of all available Controls**, including standard ones and your custom SVGs - You can **add new custom graphics** or modify existing ones (e.g. update icons) - Useful for managing **corporate design**, ensuring consistency across all projects - These are **templates** – not yet active in a Page until explicitly inserted --- ## Key Difference | Feature | Controls in Pages | Controls via Burger Menu | |----------------------------------|----------------------------|-------------------------------| | Can be used directly | ✅ Yes | ❌ No – only templates | | Logic binding (Connection String)| ✅ Yes | ❌ No | | Edit visual template | ❌ Not here | ✅ Yes | | Library management | ❌ | ✅ Centralized overview | | Use case | Live visualization | Icon/Control management | --- ## Typical Workflow 1. Use **Burger Menu → Controls** to design or import new SVG-based controls 2. Insert those controls in **Pages** to connect them to logic and display real-time values --- > **Tip:** Always manage your **icon library and visual templates** globally via the Controls menu – then bring them into Pages for logic integration.