WORKSPACE.PM
Custom Widgets

15 fertige Dashboard-Kacheln zum Kopieren

Vorlagen für den Custom-Widget-Editor: Kostenverlauf, Earned Value, Risiko-Exposure, Portfolio-Zeitstrahl. Code einfügen, Geltungsbereich setzen, speichern - fertig ist die Kachel.

Zur BibliothekWie Custom Widgets funktionieren

15 Vorlagen · Projekt- und Portfolio-Ebene · jede Abfrage mit den Rechten des Betrachters

IST840.000,0 €JanFebMärAprMaiJunBudgetPlanIst
Kostenverlauf (S-Kurve)

Von der Vorlage zur Kachel in drei Handgriffen

Sie brauchen dafür das Administrationsrecht und zwei Minuten. Nichts davon setzt Programmierkenntnisse voraus.

  1. 01

    Widget anlegen

    Administration → Custom-Widgets → „Neues Widget". Name und Symbol vergeben, den Geltungsbereich auf Projekt oder Portfolio stellen.

  2. 02

    Code einfügen

    Den vollständigen Codeblock der Vorlage in den Editor kopieren. Die Live-Vorschau rendert ihn sofort gegen Beispieldaten.

  3. 03

    Größe setzen und speichern

    Die empfohlene Kachelgröße eintragen, speichern - danach steht das Widget in den Dashboards zur Auswahl.

  • Der Geltungsbereich steht bei jeder Vorlage dabei. Ein Portfolio-Widget auf Projektebene bleibt leer und umgekehrt.
  • Bei Geldbeträgen steht ganz oben im Code eine Konstante für die Währung. Auf die Währung des Mandanten anpassen.
  • Alle Abfragen laufen mit den Rechten des Betrachters. Wer die Daten nicht sehen darf, bekommt einen Hinweistext statt der Kachel - das ist gewollt und in jeder Vorlage umgesetzt.

Drei fertige Zusammenstellungen

Wenn Sie nicht suchen, sondern anfangen wollen: diese Bündel decken je eine wiederkehrende Sitzung ab.

Projektleitung

Das Jour-fixe-Set

Die vier Kacheln, die im wöchentlichen Termin die immer gleichen vier Fragen beantworten: Was steht an, wo hakt es, was kostet uns das Risiko, bei wem stapelt es sich.

PMO und Revision

Das Audit-Set

Governance-Lücken, bevor sie jemand von außen findet: unbehandelte Risiken, Schönwetter-Ampeln, überfällige Berichte und nicht entschiedene Quality Gates.

Geschäftsführung

Das Board-Set

Das Portfolio auf vier Kacheln: wann was landet, wo der Nutzen sitzt, wo das Geld klumpt und ob die Leistung zum Verbrauch passt.

Alle Vorlagen

Nach Geltungsbereich, Zielrolle und Thema filtern. Der Code lässt sich direkt von der Karte kopieren.

Ebene
Rolle
Thema

15 Vorlagen

Die Widget-API

Was der Code in der Hand hat

Ein Custom Widget ist eine kleine, eigenständige Funktion. Sie bekommt einen Kontext, darf nachladen, schreibt HTML in ein Ausgabeziel und meldet sich fertig. Mehr Vertrag gibt es nicht - deshalb sind die Vorlagen so kurz und deshalb laufen sie ohne jede Abhängigkeit.

  • widget.data

    Der Kontext der Kachel: das Projekt mit Terminen und Budget sowie das aktive Farbschema, damit die Kachel im hellen wie im dunklen Modus lesbar bleibt.

  • widget.query("…")

    Nachladen, was nicht im Kontext steckt: Kosten, Strukturplan, Risiken, Chancen, Meilensteine oder die Projekte des Portfolios - seitenweise und mit den Rechten des Betrachters.

  • widget.el

    Das Ausgabeziel im Dashboard. Die Vorlagen schreiben dort fertiges HTML samt SVG hinein, ohne Framework und ohne externe Bibliothek.

  • widget.done()

    Meldet dem Dashboard, dass die Kachel fertig gezeichnet ist. Bis dahin zeigt sie ihren Ladezustand.

Ohne Kopieren

Sie müssen die Vorlage nicht nehmen

Im Editor sitzt unter dem Code ein Chat. Beschreiben Sie dort, was die Kachel zeigen soll - die KI schreibt den Code, führt ihn selbst in der echten Sandbox aus, korrigiert eigene Fehler und legt einen geprüften Vorschlag als Diff vor. Übernehmen und Speichern bleiben ein bewusster Klick. Die Vorlagen hier sind trotzdem der schnellere Weg, wenn eine davon passt.

Häufige Fragen

Was vor dem ersten eigenen Widget meist noch offen ist.

Zum Kopieren nicht. Widget anlegen, Codeblock einfügen, Geltungsbereich und Größe setzen, speichern. Zum Anpassen genügen in den meisten Fällen die Konstanten im Kopf der Datei - Währung, Schwellenwerte, Zeitfenster. Erst wer die Darstellung selbst umbauen will, schreibt tatsächlich Code, und auch dann kann der KI-Widget-Agent das übernehmen.

Anlegen, bearbeiten, aktivieren und löschen setzt das Administrationsrecht voraus. Die Widgets selbst sehen und in ihr Dashboard einhängen dürfen alle angemeldeten Personen - was sie darin an Zahlen sehen, entscheidet weiterhin ihre eigene Berechtigung.

Nein. Jede Abfrage im Widget läuft mit den Rechten des Betrachters, nicht mit denen der Person, die das Widget angelegt hat. Wer die Kostendaten eines Projekts nicht sehen darf, bekommt an dieser Stelle einen Hinweistext statt der Kachel. Jede Vorlage in dieser Bibliothek behandelt diesen Fall ausdrücklich.

In den personalisierbaren Dashboards: dem Portfolio-Dashboard, dem Dashboard eines Portfolio-Containers und dem Projekt-Steckbrief. Der Geltungsbereich entscheidet, wo ein Widget überhaupt angeboten wird. Im Dashboard lassen sich die Kacheln frei ziehen, in der Größe ändern und ausblenden.

Ja. Jede Speicherung, die den Code ändert, legt automatisch eine Revision an - die letzten dreißig je Widget, mit Zeitpunkt, speichernder Person und der Angabe, ob der Stand von Hand entstand oder aus einem übernommenen KI-Vorschlag. Eine ältere Fassung lässt sich in den Editor zurückladen und wird durch normales Speichern wieder zur aktuellen.

Nein. Custom Widgets gehören zum Funktionsumfang, unabhängig von der Edition. Nur der KI-Widget-Agent im Editor setzt ein eingerichtetes KI-Modul voraus, weil er über den KI-Anbieter des Mandanten läuft.

Breite mal Höhe in Rastereinheiten. Das Dashboard-Raster hat zwölf Spalten, eine Höheneinheit entspricht etwa 38 Pixeln. Die Angabe ist ein Startwert, mit dem die Kachel auf Anhieb gut aussieht - im Dashboard lässt sich jede Kachel danach frei ziehen.

Bauen Sie Ihre eigene Kachel

Testen Sie WORKSPACE.PM dreißig Tage lang mit allen Funktionen. Die Vorlagen dieser Seite funktionieren im Testmandanten genauso wie in der Produktivumgebung.

Kostenlos testenDashboards und Kennzahlen