Erstellt mit dem HMIx KI-Generator
Diese Ressource wurde mit KI auf ai.hmix.tech erstellt. Beschreibe, was du brauchst, und generiere eigene HMI-Controls in Minuten — kostenlos.
Custom Web Control
Über die Square Info Card
Die Square Info Card ist ein leistungsstarker Custom Web Control, der für moderne industrielle SCADA- und HMI-Umgebungen entwickelt wurde. Sie bietet eine elegante Datenvisualisierungskomponente im Seitenverhältnis 1:1, die eine hochwertige, dunkle Industrieästhetik mit sanften Hover-Animationen kombiniert. Dieses Control ermöglicht es Ingenieuren, kritische Prozessdaten in einem kompakten, übersichtlichen und optisch ansprechenden Format in WinCC Unified- und WinCC V8-Dashboards anzuzeigen.
Hauptmerkmale
- Dynamische Datenvisualisierung: Echtzeitanzeige von Prozessinformationen über die Eigenschaften title und value.
- Industriedesign: modernes quadratisches Layout mit abgerundeten Ecken und sanften Übergängen für ein professionelles Bedienerlebnis.
- Interaktive Elemente: enthält ein integriertes OnCardClicked-Event zur Auslösung von Navigation oder detaillierten Pop-ups sowie eine Methode updateDisplay zur programmatischen Steuerung.
- Responsives Layout: behält unabhängig von der Container-Skalierung eine perfekte quadratische Form bei und sorgt so für Konsistenz im Dashboard.
Anpassung
Die Square Info Card bietet 8 konfigurierbare Eigenschaften, um jeder Corporate Identity oder funktionalen Anforderung gerecht zu werden. Anwender können backgroundColor und cardColor für die Tiefenwirkung definieren, eine bestimmte accentColor für die obere Hervorhebungsleiste festlegen und den borderRadius für ein scharfes oder weiches Erscheinungsbild anpassen. Die Textgestaltung wird vollständig über titleColor und valueColor verwaltet, was eine hohe Lesbarkeit auf dem industriellen Hintergrund gewährleistet.
Anwendungsfälle
- Maschinenstatus: Anzeige von Motordrehzahlen, Druckwerten oder Temperatursollwerten.
- Produktionskennzahlen: Darstellung von OEE-Prozenten, Schichtzielen oder Zykluszeiten.
- Alarmübersichten: Hervorhebung aktiver Fehleranzahlen oder Systemzustandsindikatoren.
Kompatibilität
Dieses Control ist vollständig kompatibel mit WinCC Unified (TIA Portal) und WinCC V8. Es unterstützt direkte Tag-Bindings für alle Eigenschaften und ist sowohl für den Desktop- als auch für den Touchpanel-Betrieb optimiert.
💡 TIA Portal Hinweis: Denken Sie daran, die Option "Read only" in TIA Portal zu deaktivieren, wenn Sie einen Tag an eine Eigenschaft binden, die vom Custom Web Control aus geschrieben werden soll. Andernfalls kann der CWC die HMI-Tags nur lesen, aber nicht in sie schreiben.
⚠️ KI-generiert: Dieses custom web control wurde automatisch mithilfe von KI generiert. Bitte testen und validieren Sie es, bevor Sie es in Produktionsumgebungen einsetzen.
⚠️ KI-generiert: Dieses custom web control wurde automatisch mithilfe von KI-Technologie generiert. Es kann Fehler oder unerwartetes Verhalten enthalten. Die Benutzer sind dafür verantwortlich, es vor dem Einsatz in Produktionsumgebungen zu testen und zu validieren.