Schermindeling en CSS configureren in MAS 9

Bhooshan Shukla

June 4, 2025

Naarmate bedrijfssystemen evolueren, neemt ook de behoefte aan gepersonaliseerde gebruikerservaringen toe. Of het nu gaat om het afstemmen op de huisstijl of het verbeteren van de bruikbaarheid, aanpassing van de gebruikersinterface speelt een belangrijke rol bij de tevredenheid en acceptatie van gebruikers. Voor Maximo-beheerders biedt Maximo Application Suite (MAS) 9 de broodnodige flexibiliteit en gemak voor het aanpassen van interface-elementen zonder zich te verdiepen in implementatieprocessen met veel code.

Laten we eens kijken hoe MAS 9 de lay-out en CSS-aanpassing vereenvoudigt en organisaties helpt Maximo aan te passen aan hun unieke vereisten, met minder moeite en downtime.

Waarom de Maximo-interface aanpassen?

Maximo staat al bekend om zijn krachtige vermogensbeheermogelijkheden, maar de mogelijkheid om het systeem visueel af te stemmen op uw bedrijf zorgt voor een extra laag professionaliteit en duidelijkheid. Veel voorkomende behoeften zijn onder meer:

  • Een bedrijfslogo of -naam toevoegen
  • Aanmeldingsberichten weergeven
  • Kleuren, lettertypen en schermuitlijning wijzigen

Historisch gezien vereisten deze wijzigingen het bewerken van XML-bestanden of het rechtstreeks aanpassen van het bestand maximo.css, beide tijdrovende taken waarbij de toepassing opnieuw moest worden ingezet.

MAS 9 biedt een nieuwe aanpak die realtime updates mogelijk maakt via de Suite Administrator-interface, waardoor downtime of volledige implementaties overbodig zijn.

De Maximo-header aanpassen

MAS 9 maakt eenvoudige aanpassing van de applicatiekop mogelijk. Zo personaliseer je het met de huisstijl van je bedrijf:

  • Meld u aan bij Maximo Application Suite (MAS) Core
  • Klik op Suite Administrator and Configurations
Picture 1, Picture


  • Selecteer de optie „Aanpassing van de gebruikersinterface” in het gedeelte „Overig”
A screenshot of a computerAI-generated content may be incorrect., Picture
  • Bedrijfsnaam, productnaam en logo bijwerken
A screenshot of a computerAI-generated content may be incorrect., Picture

Werk de gegevens bij en klik op „Opslaan en publiceren”. Deze wijziging wordt onmiddellijk weerspiegeld in de inlogpagina en de koptekst van de app, waardoor een samenhangende merkervaring ontstaat.

A screen shot of a computerAI-generated content may be incorrect., Picture
Voor de wijziging
A screenshot of a computerAI-generated content may be incorrect., Picture
Na de wijziging

Maximo CSS overschrijven

Voor diepere aanpassingen, zoals inlogberichten of aanpassingen van de gebruikersinterface (kleur, uitlijning, lettertype), kunt u nu de standaard CSS van Maximo rechtstreeks vanuit het beheerderspaneel overschrijven.

Voorwaarde

Voordat u een wijziging aanbrengt om de CSS-wijziging te overschrijven, moet de volgende systeemeigenschap worden bijgewerkt.

„mxe.sec.header.content_security_policy”

  • Meld u aan bij Maximo Applicatie beheren en systeemeigenschappen wijzigen
A screenshot of a computerAI-generated content may be incorrect., Picture
  • Voeg het bedrijfsdomein als volgt toe aan de eigenschapswaarde na „style-src” en „img-src”:
    Syntex
    : .voeg *.mycompanyDomain.com toe
    Voorbeeld
    : domein opnemen in globale waarde.
A close-up of a computer codeAI-generated content may be incorrect., Picture


  • Sla de systeemeigenschap op en voer een live refresh uit

Proces om maximo.css te overschrijven

  • Maximo Application Suite (MAS) Core
  • Klik op Suite Administrator and Configurations
  • Selecteer de optie „Aanpassing van de gebruikersinterface” in het gedeelte „Overig”
  • Klik op CSS-aanpassing en schakel deze in
A screenshot of a computerAI-generated content may be incorrect., Picture


  • Voeg uw aangepaste CSS-configuratie toe en klik op „Opslaan en publiceren”. Voeg bijvoorbeeld een aangepast inlogbericht toe en pas de uitlijning van het scherm aan.
    p #x7ynq: :after {visibility: visible; content: „Welkom bij Maximo - Development”;
    positie: absoluut; links: 0; boven: 0;} p #x7ynq {zichtbaarheid: verborgen; positie: relatief;}
Picture 1, Picture
A person standing on a platformAI-generated content may be incorrect., Picture
Aanmeldingspagina vóór wijziging
A screenshot of a computerAI-generated content may be incorrect., Picture
Applicatie-indeling vóór wijziging

Picture 1, Picture
Inlogpagina na wijziging
A screenshot of a computerAI-generated content may be incorrect., Picture
Applicatie-indeling na wijziging

Dit voorbeeld voegt een inlogbericht toe en past de tekstplaatsing aan.

Opmerking: CSS-wijzigingen zijn componentspecifiek. Het aanpassen van Maximo Manage heeft geen invloed op andere componenten zoals Maximo Health.

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

Maximo Application Suite 9 stelt beheerders in staat om het uiterlijk van hun applicaties eenvoudiger dan ooit aan te passen. Door ingebouwde aanpassingstools te gebruiken, kunnen teams nu de Maximo-interfaces afstemmen op hun merk en de bruikbaarheid verbeteren, zonder lange ontwikkelingscycli of herimplementatieproblemen.


Als je de aanpassingsfuncties van MAS 9 nog niet hebt ontdekt, is dit het perfecte moment om erin te duiken en je Maximo-omgeving een visuele upgrade te geven.

Unlock the Ultimate Guide to IBM Maximo Application Suite (MAS)

Discover everything you need to know to modernize your asset management strategy.

Inside, you’ll learn:

  • What’s new in IBM Maximo Application Suite 9.0
  • Key differences between Maximo 7.6 and MAS
  • How AppPoints and OpenShift change the game
  • Industry use cases across energy, manufacturing, and transportation
  • Step-by-step guidance for upgrading and migration readiness
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