🏆
Eliona
German
German
  • 💡Vorwort
    • Willkommen!
    • Über dieses Dokument
    • Typographische Konventionen
    • Das Interface
    • Bedienelemente
    • Glossar
    • FAQ
  • 🎉Neue Funktionen
    • Changelog – Aktuelle Version: v14.0.4
  • 🎓Academy
    • Eliona als Ticketing Plattform
      • Anleitung aus Sicht Admin
      • Anleitung aus Sicht Service
      • Anleitung aus Sicht Kunde
    • Einführung in Ontologien
      • Einführung in die Haystack Ontologie
      • Einführung in die Brick Ontologie
      • Einführung in die RealEstateCore Ontologie
      • Wie deckt Eliona Ontologien ab
    • Einen Zählerwechsel konfigurieren
    • Aggregationen in Eliona
    • White-Labeling
    • Ein Projekt erstellen
    • Einen Benutzer erstellen
    • Benutzer zu einem Projekt hinzufügen
    • Eine Rolle erstellen
    • Einem Benutzer eine Rolle zuordnen
    • Ein Asset erstellen und konfigurieren
    • Ein Dashboard erstellen
    • Eine Analytic erstellen und konfigurieren
    • Einen Alarm konfigurieren
    • Einen Digitalen Zwilling anlegen
    • Wie “Wayfinding” funktioniert
    • Werte-Mapping in Eliona
    • Twig-Templating in Eliona
    • Einführung und Tour durch die Benutzeroberfläche
  • 📚Dokumentation
    • 🗺️Wayfinding
      • Ein neues Wayfinding-Gebäude mit Stockwerken erstellen
      • Ein bestehendes Gebäude bearbeiten
      • Ein bestehendes Stockwerk öffnen
      • Ein Wayfinding Stockwerk konfigurieren
      • QR-Code generieren
      • Wayfinding in der Nuzung
    • 📊Dashboard
      • Ein neues Dashboard erstellen
      • Widgets zum Dashboard hinzufügen
      • Zwischen Dashboards wechseln
      • Layout von Dashboards anpassen
      • Dashboards organisieren
      • Dashboards an Benutzer kopieren
      • Globale Dashboards
      • Dashboard Templates
    • 🧊Widgets
      • Widgets bedienen
      • Vordefinierte Widgets
        • Alarm
        • Alarmübersicht
        • Analog Eingabe
        • Analoger Trend
        • Analyse
        • Asset Tracking
        • Behaglichkeit
        • Bereichsdiagramm
        • Bild
        • Buchung
        • Digitaler Trend
        • Donut
        • Einfache Anzeige
        • Eingabe Auswahl
        • Eingabe Schalter
        • Fahrplan
        • Fortschritt Radial
        • Fortschritt Vertikal
        • Heatmap
        • HLK KPI
        • iFrame
        • Kalender
        • Karte
        • Kombinierte Trends
        • Lichtsteuerung
        • Links
        • Radar-Diagramm
        • Reporttabelle
        • Sankey-Diagramm
        • Schalter
        • Slider
        • Stockwerk
        • Temperaturbereiche
        • Ticketübersicht
        • Tracking heatmap
        • Trend mit Balken
        • Trigger
        • Wetter
        • Zwei analoge Trends
        • Zwei digitale Trends
      • Benutzerdefinierte Widgets
        • Detaillierte Liste der Alarme
        • Liste der Alarme
        • Module
          • Alarm
          • Bereich
          • Bild
          • Custom Stockwerk
          • Donut
          • Eingaben & Schalter
          • Fortschritt
          • Heatmap
          • Icon
          • iFrame
          • Kalender
          • Karte
          • Komfort
          • Links
          • Radar
          • Sankey
          • Tabelle
          • Ticket
          • Tracking
          • Trend
          • Uhrzeit
          • Wert
          • Wetter
    • 🎈Assets
      • Assets erstellen
      • Asset-Details
      • Ein Asset konfigurieren
      • QR-Codes generieren
      • Bewertungen
      • Asset Daten
      • Dokumente an Assets anhängen
      • Einem Asset Links hinzufügen
      • Asset-Status: Aktive / Inaktive / Nicht Überwachte Assets
      • Assets auf einer Karte platzieren
      • Assets strukturieren
      • Assets archivieren
      • Asset-Modellierung: Templates erstellen
        • Ein neues Template erstellen
        • Ein neues Asset-Charakteristik-Template erstellen
      • ❤️Die Template-Bibliothek
        • Ein Template importieren
        • Ein Template Exportieren
    • 🎛️Smart Views
      • Eine neue Smart View erstellen
      • Eine bestehende Smart View öffnen
      • Eine Smart View konfigurieren
      • Eine Smart View bereitstellen
      • Slider Gruppen
      • Smart Assist
    • ⏰Alarme, Regeln und Eskalationen
      • 🚦Regeln
        • Eine Regel erstellen
      • 🚨Alarme
        • Quittierpflichtige und Gehende Alarme
        • Alarmstatistik
      • ↗️Eskalationen
        • Eine Neue Eskalationen erstellen
        • Eine Eskalation konfigurieren
        • Nutzer für Eskalationen konfigurieren
        • Notification Provider
          • Mail
          • Google Chat
          • SMS
          • Slack
          • eCall-Services
          • Job diagnostic
        • Allgemeinen Kalender erstellen
        • Eskalationen gruppieren
      • ⛓️Regelketten
        • Die Regelketten Seite öffnen
        • Eine neue Regelkette erstellen
        • Die Konfiguration einer bestehenden Regelkette öffnen
        • Regelkette konfigurieren
    • 🎟️Tickets
      • Tickets erstellen
      • Ticket Einstellungen
      • Ticket konfigurieren
      • Ticket-Details
      • Tasks erstellen
      • Task starten und abschliessen
      • Tickets schliessen
    • 📈Analytics & Reports
      • Analytics Nutzen
      • Reports Nutzen
    • 🌍Karte und Stockwerk
      • Karte
      • Stockwerk
        • Ein Stockwerk erstellen
        • Assets auf einem Stockwerk platzieren
        • Räume erstellen
        • Localino Anker konfigurieren
    • 🏛️BIM
      • Ein BIM öffnen
      • In einem BIM navigieren
      • Ein neues BIM erstellen
      • Assets in einem BIM platzieren
    • 📫Benachrichtigungen
      • Interne Benachrichtigungen
      • Benachrichtigungen Stumm Schalten
      • Push-Benachrichtigungen
      • Benachrichtigungen anpassen
    • 👥Digitaler Zwilling
    • ⚙️Engineering
      • Skript Engine
        • Skripte konfigurieren
        • Python Skripte schreiben
          • Output Logging und Fehlerbehandlung
          • Vorinstallierte Python-Bibliotheken im Eliona-System
          • Erstellen und Lesen von Dateien
        • PL/PgSQL-Skripte schreiben
      • Asset-Modellierung / Templates
        • Ein neues Template erstellen
        • Ein neues Asset-Charakteristik-Template erstellen
    • 🔧Einstellungen
      • Apps
        • Asset-Filter
      • Audit Trail
      • Lizenz
        • Lizenz läuft ab
      • System
      • API-Schlüssel
    • 🚩Tags
    • 🔮Systeme und Projekte
      • Ein neues Projekt erstellen
      • Benutzer zu einem Projekt hinzufügen
      • Aussehen eines Projekts anpassen
      • Startseite
      • Zwischen Projekten wechseln
    • 🧑‍💻Benutzer
      • Einen neuen Nutzer anlegen
      • Einen Nutzer einem Projekt zuweisen
      • Rolle eines Nutzers ändern
      • Zugriffsrechte von Nutzern verwalten
      • Benutzer archivieren und wiederherstellen
      • Benutzerdaten anpassen
    • 🎭Rollen
      • Warum sind Rollen so wichtig?
      • Das Rollen-Menü
      • Systemrollen
      • Projektrollen
    • 👾Weitere Funktionen
      • 📑Attribut Funktionen
        • ➗Werte berechnen: Der Calculator
        • 🕵️Filter
        • 📈Gerätesimulator
      • 🪃Lesezeichen
      • Tracking
      • 👀Monitoring
        • Monitoring mit Grafana
        • HDD Monitor
      • 🤳Augmented Reality
      • 🚢Bulk Import
  • 📶connectivity as a service
    • Geräte mit Eliona verbinden
      • Geräte per Modbus verbinden
        • Neue Modbus-Verbindung erstellen
        • Jobs lesen
      • Geräte per MQTT verbinden
        • Neuen Client erstellen
        • Client konfigurieren
        • Eine Subscription konfigurieren
        • Eine Publication konfigurieren
        • Eliona Broker
      • Geräte per RESTful verbinden
        • RESTful Verbindung konfigurieren
        • RESTful Request konfigurieren
      • Geräte per Webhook verbinden
      • ...mit Kafka
        • Eine neue Verbindung aufbauen
        • Verbindung konfigurieren
        • Abonnement konfigurieren
        • Publication konfigurieren
      • Geräte per OPC UA verbinden
        • Einen Endpunkt erstellen und konfigurieren
        • Endpunkt-Details
        • Verbindungs-Details
      • Ein Format konfigurieren
        • Format Konventionen und Beispiele
      • Funktionen
  • Edge Nodes
    • Was sind Edge Nodes?
    • EdgeNodes in Eliona
      • Control Edge einrichten
        • Eliona-Module für Niagara
  • 🍎Apps
    • Apps
      • ABB free@home
      • Akenza
      • Buchung
      • CoffeeCloud
      • Correlation App
      • Device simulator
      • Exchange-App
      • Forecast
        • Was ist Forecasting
        • Forecast App einfach nutzen
        • Parameter richtig Wählen
          • Alle Parameter auf einem Blick
        • Ablauf der Forecast App
        • Was sind Hyperparameter?
        • Parameter Konfiguration
        • Training Parameter einstellen
        • Binäre und Mehrklassen-Prognosen
        • Automatische Parameter
        • API-Dokumentation
        • Use Cases
      • Glutz
      • GP Joule
      • Hailo
      • Kentix
      • KentixONE
      • Kontakt.io
      • Localino
        • Geofencing-Funktion im Localino-System
      • Loriot.io
      • Microsoft 365
      • Microsoft ADFS
      • myStrom App
      • Niagara
      • OpenBOS
      • Renzbox
      • ROOMZ
      • SAML SSO
      • Signify
      • Spread Sheet
      • Stoppuhr
      • Thingdust
      • Xovis
      • Xovis People Counter
      • Zevvy
    • App SDK
  • 📢Feedback
    • 🐛Einen Bug melden
    • 💝Verbesserungsvorschlag senden / Feature wünschen
  • 👩‍💻Für Entwickler
    • REST API
    • Engineering
Powered by GitBook
On this page
  • Grundprinzip
  • Schritt für Schritt: Ein Benutzerdefinertes Widget erstellen
  • Schritt 1 – Benutzerdefiniertes Widget anlegen
  • Schritt 2 – Das neue Widget anpassen
  • Schritt 3 – Ein Modul hinzufügen
  • Schritt 4 – Weitere Module hinzufügen und anordnen
  • Module neu anordnen
  • Module löschen
  • Testdaten einstellen

Was this helpful?

  1. Dokumentation
  2. Widgets

Benutzerdefinierte Widgets

PreviousZwei digitale TrendsNextDetaillierte Liste der Alarme

Last updated 8 months ago

Was this helpful?

Mit Benutzerdefinierten Widgets können Sie eigene, genau auf Ihre Bedürfnisse zurechtgeschnittene Widgets erstellen. Der Vorteil gegenüber vorkonfigurierten Widgets ist, dass Ihnen in den Benutzerdefinierten Widgets

Grundprinzip

Ein Benutzerdefiniertes Widget besteht aus mehreren Modulen. Sie können beliebig viele dieser Module zu einem Widget zusammensetzen. Die einzelnen Module können Sie noch detailliert anassen.

In Abb. 1 sehen Sie ein Beispiel für ein Benutzerdefiniertes Widget bestehend aus folgenden Modulen (von oben nach unten):

  • Analoger Trend

  • Heatmap

  • Donut

Schritt für Schritt: Ein Benutzerdefinertes Widget erstellen

Schritt 1 – Benutzerdefiniertes Widget anlegen

Befolgen Sie die Schritte, um ein "leeres" Benutzerdefiniertes Widget anzulegen.

  1. Vergewissern Sie sich, dass Sie sich im Menüpunkt "Dashboards" befinden

  2. Klicken Sie in der Kontextleiste auf "Widgets" ▷ Die Widgetauswahl öffnet sich

  3. Klicken Sie auf Custom Widget

  4. Geben Sie eine Namen ein

  5. Wählen Sie ein Icon. Dieses Icon wird später in der Titelleiste des Widgets erscheinen

  6. Klicken Sie auf "Bestätigen" ▷ Das neue Widget wurde erstellt

Schritt 2 – Das neue Widget anpassen

Nachdem das Widget in Schritt 1 erstellt wurde, können Sie die ersten Anpassungen vornehmen.

[A]

Zurück/Abbrechen

Zurückkehren zur Widget-Übersicht, ohne zu speichern.

[B]

Name

Sie können hier den Namen nachträglich anpassen

[C]

Icon

Sie können hier das Icon nachträglich anpassen

[D]

Speichern

Eingaben speichern

[E]

Vorschau

Eine Vorschau, wie das erstellte Widget aussehen wird

[F]

Modul hinzufügen

Klicken Sie hier, um dem Widget Module hinzuzufügen

[G]

Testdaten einstellen

[H]

Alarmdaten

Wenn dieses Häkchen aktiviert ist, werden im Widget die Alarme des Assets angezeigt, das unter "Primäres Asset" definiert wurde. Das "Primäre Asset" wird angegeben, wenn Sie das Custom Widget fertig konfiguriert haben und es dem Dashboard hinzufügen. Siehe X

Schritt 3 – Ein Modul hinzufügen

  1. Klicken Sie auf [F], um dem neuen Widget das erste Modul hinzuzufügen. ▷ Die Modulauswahl (Abb. 3) erscheint

  2. Bewegen Sie die Maus über ein Modul, um eine kurze Beschreibung anzuzeigen

  3. Klicken Sie auf ein Modul, um es dem Custom Widget hinzuzufügen ▷ Die Vorschau [E] des Widgets wird mit dem neuen Modul aktualisiert. ▷ Die Moduloptionen [I] (Abb. 4) öffnen sich

  4. Konfigurieren Sie das Modul in den Moduloptionen [I]

  5. Klicken Sie auf die Schaltfläche Speichern [J], um die Einstellungen des Moduls zu speichern oder klicken Sie auf [K], um abzubrechen.

Klicken Sie NICHT auf die obere Schaltfläche Speichern [D] (siehe Bild 1)! Gehen Sie sicher, dass Sie auf die Schaltfläche [J] beim jeweiligen Modul klicken. Andernfalls gehen die vorgenommenen Einstellungen des Moduls verloren.

Schritt 4 – Weitere Module hinzufügen und anordnen

  1. Klicken Sie auf [F] ▷ Die Modulauswahl (Bild 3) öffnet sich.

  2. Klicken Sie auf das Modul, das Sie dem Widget hinzufügen wollen

  3. Gehen Sie wie in Schritt 3 erläutert vor, um das neue Modul zu konfigurieren.

Module neu anordnen

Sie können Module innerhalb des Benutzerdefinierten Widgets beliebig anordnen.

  1. Klicken Sie in der Vorschau [E] auf ein Modul. ▷ Das Modul wird schwarz umrandet

  2. Klicken Sie auf [L] ▷ Das Modul wird nach oben bewegt

  3. Klicken Sie auf [M] ▷ Das Modul wird nach unten bewegt

Module löschen

Sie können ein Modul aus dem Benutzerdefinierten Widget löschen.

  1. Klicken Sie in der Vorschau [E] auf ein Modul. ▷ Das Modul wird schwarz umrandet

  2. Klicken Sie auf [N] ▷ Das Modul wird gelöscht

Testdaten einstellen

Sie können simulieren, wie Ihr neues Custom Widget aussehen wird, wenn es mit Daten gefüllt wurde.

Nutzen Sie dafür die Funktion Testdaten einstellen [G]

  1. Vergewissern Sie sich, dass Sie sich im Menüpunkt "Dashboards" befinden

  2. Klicken Sie in der Kontextleiste auf "Widgets" ▷ Die Widgetauswahl öffnet sich

  3. Klicken Sie auf das Benutzerdefinierte Widget, für das Sie Testdaten einstellen wollen

  4. Klicken Sie auf Testdaten einstellen [G] ▷ Das Fenster "Testdaten" erscheint (Abb. 5)

  5. Nehmen Sie die gewünschten Einstellungen vor

  6. Klicken Sie auf Fortfahren [S] ▷ Sie sehen die simulierten Daten in der Vorschau [E]

Die simulierten Daten beeinflussen nur für die Vorschau des Benutzerdefinierten Widgets.

Die simulierten Daten dienen nur der besseren Übersicht, wie ein fertiges Benutzerdefiniertes Widget aussehen wird.

Die simulierten Daten haben keinen Einfluss auf das Benutzerdefinierte Widget, nachdem es erstellt und gespeichert wurde.

[O]

Asset

Simuliert die Darstellung des Titels des Primären Assets in der Titelzeile [T] (Abb. 6)

[P]

Alarm

Simuliert die Alarmstufe im Widget-Icon [U] bzw. der Titelzeile [T] (Abb. 6) Verfügbare Werte:

  • 0: Kein Alarm

  • 1: Hohe Alarmstufe / Titelzeile [T] färbt sich rot

  • 2: Mittlere Alarmstufe / Gelbes Symbol im Widget-Icon [U]

  • 3: Niedrige Alarmstufe / Grünes Symbol im Widget-Icon [U]

[Q]

Zeitspanne

Nur wirksam für gewisse Module, z.B. Trends. Verändert die Skalierung von Trends, der selbe Effekt wird hervorgerufen, wenn [V] betätigt wird.

[R]

Anzahl Assets

Nur wirksam für gewisse Module, z.B. Donuts. Simuliert wie das Modul sich verändert, wenn mehr Assets damit verknüpft werden

[S]

Fortfahren

Eingaben übernehmen und das Fenster "Testdaten" schließen

Klicken Sie hier, um Testdaten einzustellen. Wird näher erläutert unter

Eine genaue Erklärung der Konfigurationsmöglichkeiten jedes Moduls finden Sie im Kapitel

📚
🧊
-> Module
-> Testdaten einstellen
Abb. 1: Eine Vorschau für ein Benutzerdefiniertes Widget mit 3 Modulen
Abb. 2:
Bild 3: Die Modulauswahl
Abb. 4 – Modul mit Moduloptionen
Abb. 5 – Fenster "Testdaten"
Abb. 6