Standard-Theme herunterladen
Öffne die Verwaltung und den Bereich für Anpassungen und Themes. Lade System default herunter und entpacke das ZIP-Archiv.
IBM PLANNING ANALYTICS
PAW-Theme anpassen: Logo und Farben im Unternehmensdesign
In diesem Video zeige ich dir, wie du die Oberfläche von Planning Analytics Workspace an dein Unternehmensdesign anpasst. Dazu bearbeitest du die Theme-Datei, lädst sie wieder hoch und aktivierst sie.
Die kurze Antwort
Ein Workspace-Theme besteht aus einem ZIP-Archiv mit spec.json und einem images-Ordner. In der JSON-Datei hinterlegst du Branding und Farben; anschließend lädst du das Archiv hoch und aktivierst das Theme.
Florian KaiserBerater für IBM Planning Analytics
Transkript anzeigen
Das Design von PAW kannst du an dein Unternehmen anpassen. Hier oben sehen wir aktuell die Standardeinstellung mit der schwarzen Leiste. Gehe dazu in die Verwaltung und öffne den Bereich „Motive“. Dort findest du „System default“. Lade diese Datei herunter. Du erhältst einen images-Ordner und eine JSON-Datei. Im images-Ordner legst du zum Beispiel dein Unternehmenslogo ab. In der Datei spec.json hinterlegst du die passenden Farbcodes.
Welcher Farbcode welchen Bereich betrifft, habe ich auf meiner Webseite detailliert beschrieben. Schau dort gerne nach. Passe die Datei an und packe die Inhalte anschließend wieder in ein ZIP-Archiv. Gehe auf „Hochladen“, wähle dein angepasstes Design aus und bestätige den Upload. Danach erscheint das Theme in der Auswahl und du kannst auf „Aktivieren“ klicken.
Lade anschließend deinen Browser neu. Jetzt sehen wir, dass das Farbschema angepasst wurde. Wenn wir auf „Daten und Modelle“ gehen und mit der Datenbank arbeiten, hat die Navigation im Beispiel einen leichten Orangeton. Oben steht mein Firmenname und die Gestaltung ist ebenfalls orange angepasst.
Das ist ein Beispiel, um den Unterschied zum vorherigen Design zu zeigen. Die Anpassung lässt sich mit wenigen Schritten umsetzen.
Schritt für Schritt
Logo und Farbwerte bearbeiten
Lege das Logo im images-Ordner ab und passe den zugehörigen Bildpfad sowie die Farbwerte in spec.json an. Die Dateinamen und Pfade müssen zusammenpassen.
Theme hochladen und aktivieren
Packe spec.json und den images-Ordner in ein neues ZIP-Archiv, lade es als Theme hoch und aktiviere es. Lade den Browser anschließend neu.
Fachliche Einordnung
Die Farbwerte gestalten definierte Bereiche der Oberfläche; sie sind kein frei einsetzbares CSS für ganz PAW. Laut IBM darf das ZIP-Archiv maximal 32 MB groß sein und sein Name keine Unterstriche enthalten. Bilddateinamen dürfen keine Leerzeichen enthalten. Book-Themes werden separat verwaltet.
Welcher Schlüssel gestaltet welchen Bereich?
| spec.json | Bedeutung / Bereich |
|---|---|
schemaVersion | Version des Theme-Dateiformats, nicht der PAW-Produktversion; im IBM-Beispiel 3.0 |
name | Name des Themes in der Verwaltung. System default ist für das integrierte Standard-Theme reserviert |
brandText | Unternehmensname |
brandIcon | Bildpfad des Logos |
favicon | Symbol im Browser-Tab; laut IBM derzeit nicht unterstützt |
uiShellTheme | Helles oder dunkles Home-Menü |
appbarBackground / appbarForeground | Hintergrund / Text und Symbole der Anwendungsleiste |
appbarSelectLine | Auswahlrahmen in der Anwendungsleiste |
appbarPushButtonBackground | Hintergrund beim Überfahren oder Anklicken |
navbarBackground / navbarForeground | Hintergrund / Text und Symbole der Navigation |
navbarSelectLine | Markierung des ausgewählten Navigationseintrags |
navbarPushButtonBackground | Hintergrund angeklickter Navigationseinträge |
personalMenuBackground | Mit inherit die Navigationsfarben übernehmen |
Der Schlüssel favicon wird derzeit nicht unterstützt. Sichere das Originalarchiv und prüfe die JSON-Datei vor dem Upload.
Praxis-Beispiel
Ausgangslage
Die PAW-Oberfläche verwendet das Standarddesign. Logo, Unternehmensname und Farben sollen an das Unternehmen angepasst werden.
Ergebnis
Nach dem Upload, der Aktivierung und dem Neuladen zeigt die Oberfläche die angepassten Branding- und Farbwerte.
Häufige Fragen
Welche Datei enthält die Farbcodes?
Die unterstützten Theme-Schlüssel stehen in spec.json. Sie definieren beispielsweise Hintergrund-, Text- und Auswahlfarben.
Ändert dieses Theme auch die Bücher?
Workspace-Themes betreffen die Oberfläche außerhalb der Bücher. Für Bücher und ihre Widgets verwendest du Book-Themes.
Weitere Tipps für Planning Analytics
Florian KaiserBerater für IBM Planning AnalyticsUnterstützung für Planning Analytics
Projekt besprechen
Du arbeitest mit Planning Analytics oder möchtest es einführen? Ich unterstütze dich bei deinen nächsten Schritten.
Projekt besprechen ↗