Konfiguration von Bildschirmlayout und CSS in MAS 9

Bhoshan Shukla

June 4, 2025

Mit der Weiterentwicklung der Unternehmenssysteme wächst auch der Bedarf an personalisierten Benutzererlebnissen. Ganz gleich, ob es um die Anpassung an die Unternehmensmarke oder die Verbesserung der Benutzerfreundlichkeit geht, die Anpassung der Benutzeroberfläche spielt eine entscheidende Rolle für die Zufriedenheit und Akzeptanz der Benutzer. Für Maximo-Administratoren bietet Maximo Application Suite (MAS) 9 die dringend benötigte Flexibilität und Bequemlichkeit für die Anpassung von Benutzeroberflächenelementen, ohne sich eingehend mit codelastigen Bereitstellungsprozessen befassen zu müssen.

Sehen wir uns an, wie MAS 9 die Layout- und CSS-Anpassung vereinfacht und Unternehmen dabei hilft, Maximo an ihre individuellen Anforderungen anzupassen — mit weniger Aufwand und Ausfallzeiten.

Warum das Maximo-Interface anpassen?

Maximo ist bereits für seine leistungsstarken Asset-Management-Funktionen bekannt, aber die Möglichkeit, es visuell an Ihr Unternehmen anzupassen, sorgt für zusätzliche Professionalität und Klarheit. Zu den allgemeinen Anforderungen gehören:

  • Hinzufügen eines Firmenlogos oder -namens
  • Login-Nachrichten anzeigen
  • Farben, Schriften und Bildschirmausrichtung ändern

In der Vergangenheit erforderten diese Änderungen die Bearbeitung von XML-Dateien oder die direkte Änderung der Datei maximo.css — beides zeitaufwändige Aufgaben, die eine erneute Bereitstellung der Anwendung erforderten.

MAS 9 bietet einen neuen Ansatz, der Aktualisierungen in Echtzeit über die Suite Administrator-Oberfläche ermöglicht, sodass Ausfallzeiten oder vollständige Bereitstellungen überflüssig werden.

Den Maximo-Header anpassen

MAS 9 ermöglicht eine einfache Anpassung des Anwendungsheaders. So personalisieren Sie ihn mit dem Branding Ihres Unternehmens:

  • Melden Sie sich bei Maximo Application Suite (MAS) Core an
  • Klicken Sie auf Suite Administrator und Konfigurationen
Picture 1, Picture


  • Wählen Sie im Abschnitt „Andere“ die Option „Anpassung der Benutzeroberfläche“
A screenshot of a computerAI-generated content may be incorrect., Picture
  • Firmenname, Produktname und Logo aktualisieren
A screenshot of a computerAI-generated content may be incorrect., Picture

Aktualisieren Sie die Details und klicken Sie auf „Speichern und veröffentlichen“. Diese Änderung spiegelt sich sofort auf der Anmeldeseite und im App-Header wider und sorgt so für ein einheitliches Markenerlebnis.

A screen shot of a computerAI-generated content may be incorrect., Picture
Vor der Änderung
A screenshot of a computerAI-generated content may be incorrect., Picture
Nach der Änderung

Maximo CSS überschreiben

Für tiefere Anpassungen, wie Login-Nachrichten oder Anpassungen der Benutzeroberfläche (Farbe, Ausrichtung, Schriftart), kannst du das Standard-CSS von Maximo jetzt direkt im Admin-Panel überschreiben.

Voraussetzung

Bevor Sie eine Änderung vornehmen, um die CSS-Änderung zu überschreiben, muss die folgende Systemeigenschaft aktualisiert werden.

„mxe.sec.header.content_security_policy“

  • Melden Sie sich bei der Maximo Manage-Anwendung an und ändern Sie die Systemeigenschaft
A screenshot of a computerAI-generated content may be incorrect., Picture
  • Fügen Sie dem Eigenschaftswert nach „style-src“ und „img-src“ die Unternehmensdomäne wie folgt hinzu:
    Syntex
    : .add *.mycompanydomain.com
    Beispiel
    : schließt die Domäne in den globalen Wert ein.
A close-up of a computer codeAI-generated content may be incorrect., Picture


  • Speichern Sie die Systemeigenschaft und führen Sie eine Live-Aktualisierung durch

Prozess zum Überschreiben von maximo.css

  • Kern der Maximo Application Suite (MAS)
  • Klicken Sie auf Suite Administrator und Konfigurationen
  • Wählen Sie im Abschnitt „Andere“ die Option „Anpassung der Benutzeroberfläche“
  • Klicken Sie auf CSS-Anpassung und aktivieren Sie
A screenshot of a computerAI-generated content may be incorrect., Picture


  • Fügen Sie Ihre benutzerdefinierte CSS-Konfiguration hinzu und klicken Sie auf „Speichern und veröffentlichen“. Fügen Sie beispielsweise eine benutzerdefinierte Anmeldenachricht hinzu und passen Sie die Bildschirmausrichtung an.
    p #x7ynq: :after {visibility: visible; content: „Willkommen bei Maximo - Development“;
    Position: absolut; links: 0; oben: 0;} p #x7ynq {Sichtbarkeit: versteckt; Position: relativ;}
Picture 1, Picture
A person standing on a platformAI-generated content may be incorrect., Picture
Anmeldeseite vor der Änderung
A screenshot of a computerAI-generated content may be incorrect., Picture
Anwendungslayout vor der Änderung

Picture 1, Picture
Anmeldeseite nach Änderung
A screenshot of a computerAI-generated content may be incorrect., Picture
Anwendungslayout nach der Änderung

Dieses Beispiel fügt eine Anmeldenachricht hinzu und passt die Textplatzierung an.

Hinweis: CSS-Änderungen sind komponentenspezifisch. Das Anpassen von Maximo Manage wirkt sich nicht auf andere Komponenten wie Maximo Health aus.

Quelle: https://www.ibm.com/docs/en/masv-and-l/cd?topic=interface-updating-user

Maximo Application Suite 9 ermöglicht es Administratoren, das Erscheinungsbild ihrer Anwendungen einfacher als je zuvor anzupassen. Mithilfe der integrierten Anpassungstools können Teams nun die Benutzeroberflächen von Maximo an ihre Marke anpassen und die Benutzerfreundlichkeit verbessern — ohne lange Entwicklungszyklen oder Probleme bei der erneuten Bereitstellung.


Wenn Sie die Anpassungsfunktionen von MAS 9 noch nicht erkundet haben, ist jetzt der perfekte Zeitpunkt, um einzutauchen und Ihrer Maximo-Umgebung ein optisches Upgrade zu verpassen.

Entdecken Sie den ultimativen Leitfaden zur IBM Maximo Application Suite (MAS)

Erfahren Sie alles, was Sie wissen müssen, um Ihre Vermögensverwaltungsstrategie zu modernisieren.

Darin erfährst du:

  • Was ist neu in IBM Maximo Application Suite 9.0
  • Hauptunterschiede zwischen Maximo 7.6 und MAS
  • Wie AppPoints und OpenShift das Spiel verändern
  • Branchenanwendungsfälle in den Bereichen Energie, Fertigung und Transport
  • Schrittweise Anleitung für das Upgrade und die Bereitschaft zur Migration
Cover of 'The Ultimate Guide to MAS Maximo Application Suite' by Naviam featuring a man in a yellow construction helmet and safety vest holding a tablet.
×

ActiveG, BPD Zenith, EAM Swiss, InterPro Solutions, Lexco, Peacock Engineering, Projetech, Sharptree, and ZNAPZ have united under one brand: Naviam.

You’ll be redirected to the most relevant page at Naviam.io in a few seconds — or you can go now.

Read Press Release