Widgets

Widgets sind die Bausteine jedes Dashboards. Jedes Widget belegt einen rechteckigen Bereich auf dem Raster und zeigt eine bestimmte Art von Daten oder Inhalten an - von einfachen Werten und Statusindikatoren bis hin zu umfangreichen Diagrammen und Tabellen. Die Dashboard-Anwendung wird mit einem vielseitigen Satz integrierter System-Widgets ausgeliefert, und je nach Produkt und installierten Plugins können weitere Widget-Typen verfügbar sein.

So wird ein Widget zum Dashboard hinzugefügt:

1. Bearbeitungsmodus durch Klicken auf das Stiftsymbol Widgets bearbeiten aktivieren.
2. Auf eine leere Zelle klicken oder einen rechteckigen Bereich über mehrere Zellen aufziehen, in dem das Widget erscheinen soll.
3. Der Dialog Neues Widget öffnet sich und zeigt alle verfügbaren Widget-Typen nach Kategorie geordnet an.
4. Das Suchfeld Filter für Widgets oben kann genutzt werden, um schnell einen bestimmten Widget-Typ zu finden.
5. Auf das gewünschte Widget klicken, um es dem ausgewählten Bereich hinzuzufügen.

Falls zuvor ein Widget in die Zwischenablage kopiert wurde, steht außerdem eine Einfügeoption zur Verfügung, mit der ein Widget mitsamt allen Einstellungen mit nur einem Klick dupliziert werden kann.

Jedes Widget verfügt über einen Einstellungsdialog, der im Bearbeitungsmodus durch Klicken auf das Stiftsymbol des Widgets geöffnet werden kann. Die verfügbaren Einstellungen variieren je nach Widget-Typ, aber eine Reihe gemeinsamer Einstellungen gelten für viele Widgets.

Ein optionaler benutzerdefinierter Titel für das Widget. Wenn das Feld leer bleibt, wird kein Titel angezeigt.

Viele Widgets unterstützen mehrere Darstellungsarten, sodass die passende Visualisierung gewählt werden kann.

Die verfügbaren Optionen hängen vom Widget ab und können Folgendes umfassen:

• Wert - Zeigt einen einzelnen großen Textwert an, ideal zur Hervorhebung einer zentralen Kennzahl.
• Gauge - Ein halbkreisförmiger Tachometer, der einen Wert im Verhältnis zu einem konfigurierbaren Maximum anzeigt.
• Fortschritt - Ein horizontaler Fortschrittsbalken für einen schnellen visuellen Vergleich.
• Ampel - Eine farbcodierte Ampel mit rotem, gelbem und grünem Zustand.
• Bewertung - Eine Sternebewertungsanzeige.
• Kreisdiagramm - Ein Kreisdiagramm für proportionale Daten.
• Ringdiagramm - Eine ringförmige Variante des Kreisdiagramms.
• Balkendiagramm - Ein Balkendiagramm für kategoriale Vergleiche.
• Liniendiagramm - Ein Liniendiagramm für Zeitreihen oder Trenddaten.
• Tabelle - Eine tabellarische Datenanzeige mit Zeilen und Spalten.

Wenn eine Diagramm-Darstellung ausgewählt ist, stehen die folgenden zusätzlichen Einstellungen zur Verfügung:

• Achsenausrichtung - Steuert die Achsenrichtung. Die folgenden Werte sind verfügbar:
  • Unten, Links, Oben, Rechts
• Legendenposition - Steuert, wo die Diagrammlegende angezeigt wird. Die folgenden Werte sind verfügbar:
  • Keine, Oben, Unten, Links, Rechts
• Alle Labels auf der X-Achse anzeigen und um 45° drehen - Nützlich bei Diagrammen mit vielen Kategorien, um Überlappungen der Beschriftungen zu vermeiden.
• Prozentualen Wert mit anzeigen - Zeigt Prozentwerte zusätzlich zu den absoluten Werten in Kreis- und Ringdiagrammen an.
• Spalten und Zeilen vertauschen - Transponiert die Tabellendaten.
• Werte in den Zellen anzeigen - Zeigt numerische Werte bei der Heatmap-Darstellung direkt in den Diagrammzellen an.

Für Diagramme steht eine vollständig anpassbare Farbpalette zur Verfügung. Jede Farbe im Set kann individuell über Hex-Farbcodes bearbeitet werden, und Farben können über die Auf-/Ab-Pfeile umsortiert oder über die Löschen-Schaltfläche entfernt werden. Weitere Farben können mit der Schaltfläche Farbe hinzufügen hinzugefügt werden.

Farbvorlagen erleichtern es, ein einheitliches Erscheinungsbild über mehrere Widgets hinweg beizubehalten:

• Presets öffnen - Durchsuchen und Anwenden zuvor gespeicherter Farbschemata.
• Preset speichern - Speichern des aktuellen Farbsets als benannte Vorlage zur Wiederverwendung in anderen Widgets.

Farb-Presets werden für den angemeldeten Benutzer gespeichert. Sie gelten persönlich für Ihr Profil und werden anderen Benutzerkonten nicht automatisch freigegeben.

Diese Einstellungen steuern, wie Beschriftungen und zusätzlicher Text unter dem Widget-Wert angezeigt werden:

• Label - Eine benutzerdefinierte Beschriftung, die unterhalb des Werts (unten am Widget) angezeigt wird.
• Label unter dem Wert anzeigen - Schaltet die Sichtbarkeit der Beschriftung um.

Hervorhebungen ermöglichen die bedingte Formatierung von Widget-Werten, sodass wichtige Änderungen auf einen Blick erkennbar sind. Jede Hervorhebungsregel besteht aus:

• Bedingung - Der Vergleichsoperator. Die folgenden Bedingungen sind verfügbar:
  • gleich, Größer als, Größer oder gleich, Kleiner als, Kleiner oder gleich
  • Länge gleich, Länge größer als, Länge größer oder gleich, Länge kleiner als, Länge kleiner oder gleich
• Wert - Der Schwellenwert, gegen den geprüft wird.
• Vordergrund - Eine optionale benutzerdefinierte Textfarbe, wenn die Bedingung erfüllt ist.
• Hintergrund - Eine optionale benutzerdefinierte Hintergrundfarbe, wenn die Bedingung erfüllt ist.

Bei den Bedingungen Länge ... bezieht sich der Vergleich auf die Zeichenanzahl des angezeigten Widget-Werts als Text. Diese Operatoren stehen zur Verfügung, wenn die Hervorhebung einen einfachen Textwert nutzt. Bei Werten mit Einheiten und numerischer Eingabe sind nur die numerischen Vergleiche in der ersten Zeile verfügbar.

Mehrere Hervorhebungsregeln können hinzugefügt und mit den Schaltflächen Nach oben verschieben und Nach unten verschieben umsortiert werden. Eine Live-Vorschau zeigt, wie die Hervorhebung aussehen wird, sodass die Farben vor dem Speichern feinjustiert werden können.

Diese Einstellungen gelten für die Gauge- und Fortschritt-Darstellungen:

• Maximalwert - Die Obergrenze für Gauge- und Fortschritt-Darstellungen.
• Teilschritte - Die Anzahl der Zwischenmarkierungen auf einem Gauge.
• Prozentanzeige - Zeigt Werte als Prozentsätze anstelle von absoluten Zahlen für die Gauge-Darstellung an.

Wenn ein Widget die Ampel-Darstellung verwendet, können die Schwellenwerte konfiguriert werden, die die Farbe bestimmen:

• Grüne Grenze - Werte unterhalb dieses Schwellenwerts werden grün angezeigt.
• Rote Grenze - Werte oberhalb dieses Schwellenwerts werden rot angezeigt.
• Werte zwischen den beiden Grenzen werden gelb angezeigt.
• Grenzwerte umtauschen - Kehrt die Farblogik um, z.B. werden hohe Werte grün statt rot dargestellt.

Anwenden speichert die Änderungen und lässt den Dialog geöffnet. Speichern speichert und schließt den Dialog. Abbrechen schließt ohne nicht gespeicherte Änderungen zu übernehmen.

Die folgende Liste ist eine Auswahl; je nach Produkt sind weitere System-Widgets vorhanden, und es können künftig weitere hinzukommen.

Die folgenden Widget-Typen sind in der Kategorie System verfügbar. Dies sind integrierte Widgets, die mit der Dashboard-Anwendung ausgeliefert werden.

Zeigt die Anzahl der aktuell aktiven Benutzer auf dem Server an. Dieses Widget erfordert Benutzerverwaltungsberechtigungen.

• Gruppe - Filtern nach einer bestimmten Benutzergruppe.
  • Standardwert: Alle Benutzer
• Darstellung - Wert, Gauge, Fortschritt, Ampel oder Bewertung.

Zeigt die verbleibende Gültigkeit eines TLS-Zertifikats in Tagen an. Eine praktische Möglichkeit, Zertifikatsverlängerungen im Blick zu behalten und unerwartetes Ablaufen zu vermeiden.

• Endpunkt - Die HTTPS-URL mit Port oder ein Host:Port-Paar für einen beliebigen TLS-Dienst, z.B. https://example.com:443 oder mail.example.com:993.

Zeigt die aktuelle System-CPU-Auslastung in Prozent an. Der Wert wird in Echtzeit aktualisiert und bietet einen sofortigen Überblick über die Serverlast.

• Darstellung - Wert, Gauge, Fortschritt, Ampel oder Bewertung.

Zeigt den belegten Speicherplatz im Verhältnis zum insgesamt verfügbaren Speicher für eine konfigurierbare Partition an. Dieses Widget erfordert die Serververwaltung-Berechtigung.

• Root – Eine Dateisystempartition, deren Nutzung angezeigt werden soll. Dabei kann es sich um ein Volume oder beispielsweise um ein Benutzer-Home-Verzeichnis handeln.
• Darstellung - Wert, Gauge, Fortschritt, Ampel, Bewertung, Kreisdiagramm, Ringdiagramm, Balkendiagramm oder Tabelle. Das Widget zeigt eine Aufschlüsselung von belegtem und freiem Speicherplatz.

Zeigt aktuelle Fehler für den gewählten Zeitraum an. Eine schnelle und einfache Möglichkeit, den Systemzustand zu prüfen, ohne das Dashboard verlassen zu müssen.

Prüft stündlich eine HTTP- oder HTTPS-URL und visualisiert das Ergebnis als Ampel. Grün zeigt eine erfolgreiche Antwort an, Gelb eine Warnung und Rot einen Fehler oder eine nicht erreichbare URL. Dieses Widget erfordert die Konfiguration-Berechtigung.

• URL - Die zu überwachende HTTP- oder HTTPS-URL, z.B. https://example.com/health.

Zeigt ein von einer URL geladenes Bild an. Unterstützt HTTP, HTTPS und Base64-Daten-URLs. Das Bild kann in konfigurierbaren Intervallen aktualisiert werden, was nützlich ist für Live-Kamerabilder, Status-Badges oder dynamisch generierte Grafiken.

• Bild-URL - Die URL des anzuzeigenden Bildes. Eine Base64-Daten-URL wird ebenfalls unterstützt.
• Aktualisierungsintervall - Wie oft das Bild aktualisiert wird. Die folgenden Werte sind verfügbar:
  • Niemals, 1 Minute, 10 Minuten, 30 Minuten, 1 Stunde, 2 Stunden, 1 Tag
• Skalierung - Wie das Bild in den Widget-Bereich eingepasst wird. Die folgenden Werte sind verfügbar:
  • Originalgröße - Das Bild wird in seiner nativen Größe angezeigt. Ränder erscheinen, wenn das Bild kleiner als das Widget ist, und das Bild wird beschnitten, wenn es größer ist.
  • Strecken - Das Bild wird gestreckt, um den gesamten Widget-Bereich auszufüllen. Verzerrungen sind möglich.
  • Einpassen - Das Bild wird so skaliert, dass es vollständig im Widget sichtbar ist und das Seitenverhältnis beibehalten wird. Ränder können erscheinen.
  • Bedecken - Das Bild wird so skaliert, dass es den gesamten Widget-Bereich bedeckt und das Seitenverhältnis beibehalten wird. Teile des Bildes können beschnitten werden.

Zeigt eine benutzerdefinierte Textnotiz mit Markdown-Formatierungsunterstützung an. Geeignet für Notizen, Erinnerungen, Teamankündigungen oder beliebigen Freitext, der auf dem Dashboard sichtbar gehalten werden soll.

• Notiz - Der Notiztext. Markdown-Formatierung wird für Überschriften, Fett, Kursiv, Listen, Links und weitere Formatierungen unterstützt.
• Textfarbe - Eine benutzerdefinierte Farbe für den Notiztext.
• Hintergrundfarbe - Eine benutzerdefinierte Hintergrundfarbe für das Notiz-Widget.
• Textstil - Der Textformatierungsstil. Die folgenden Werte sind verfügbar:
  • Normal, Fett, Kursiv, Fett & Kursiv
• Notiz Widget Design - Das visuelle Design des Notiz-Widgets. Die folgenden Werte sind verfügbar:
  • Einfach - Eine schlichte, rahmenlose Notiz.
  • Karteikarte - Gestaltet wie eine physische Karteikarte.
  • Ringbuch - Gestaltet wie eine Seite aus einem Ringordner.

Zeigt die aktuelle System-RAM-Auslastung in Prozent an. Der Wert wird in Echtzeit aktualisiert und hilft, den Speicherverbrauch stets im Blick zu behalten.

• Darstellung - Wert, Gauge, Fortschritt, Ampel oder Bewertung.

Zeigt die CPU-Last einzelner Threads über die letzten 60 Sekunden an. Dieses Widget bietet eine detaillierte Aufschlüsselung des Thread-CPU-Verbrauchs, nützlich zur Diagnose von Performance-Engpässen.

• Limitiere Datensätze auf - Begrenzt die Anzahl der angezeigten Threads.
  • Standardwert: 10
• Darstellung - Liniendiagramm. Das Diagramm zeigt jeden Thread als separate farbige Linie.
• Achsenausrichtung - Unten, Links, Oben oder Rechts.
• Legendenposition - Wo die Legende mit den Thread-Namen angezeigt wird.
• Farbset - Vollständig anpassbare Farbpalette für die Thread-Linien.

Zeigt das aktuelle Datum und/oder die Uhrzeit für eine ausgewählte Zeitzone an. Praktisch bei der Arbeit mit Teams oder Diensten in verschiedenen Zeitzonen.

• Zeitzone - Die für die Anzeige zu verwendende Zeitzone.
• Format - Wahl zwischen reiner Zeitanzeige, reiner Datumsanzeige oder kombinierter Datums- und Zeitanzeige.

Ein statisches Ampel-Widget mit manuell wählbarer Farbe und optionalen Textnachrichten. Im Gegensatz zum HTTP-Prüfung-Widget, das seine Farbe automatisch basierend auf einer URL-Prüfung setzt, zeigt dieses Widget eine fest gewählte Farbe an - nützlich für manuelle Statusindikatoren oder Ankündigungen.

• Ampelfarbe - Rot, Gelb, Grün oder Aus.
• Hinweistext - Optionaler Text, der neben der Ampel angezeigt wird.
• Zusatztexte - Zusätzliche Textnachrichten, die erscheinen, wenn eine bestimmte Farbe aktiv ist:
  • Zusatz für Farbe "Grün"
  • Zusatz für Farbe "Gelb"
  • Zusatz für Farbe "Rot"
  • Zusatz für Zustand "Aus"

Abhängig vom Produkt und den installierten Plugins können über die oben aufgeführten System-Widgets hinaus weitere Widget-Kategorien und -Typen verfügbar sein. Beispielsweise könnte ein Helpdesk-Produkt Widgets für Ticketstatistiken, Diagramm-Widgets zur Verfolgung von Ticket-Trends oder Meilensteinübersichts-Widgets bereitstellen. Diese produktspezifischen Widgets folgen denselben Prinzipien für Platzierung, Konfiguration und Visualisierung wie die System-Widgets.