Configuration de la disposition de l'écran et du CSS dans MAS 9

Shukla de Bhoshan

June 4, 2025

À mesure que les systèmes d'entreprise évoluent, le besoin d'expériences utilisateur personnalisées augmente également. Qu'il s'agisse de s'aligner sur l'image de marque de l'entreprise ou d'améliorer la convivialité, la personnalisation de l'interface utilisateur joue un rôle clé dans la satisfaction et l'adoption des utilisateurs. Pour les administrateurs de Maximo, Maximo Application Suite (MAS) 9 apporte la flexibilité et la commodité indispensables pour personnaliser les éléments de l'interface sans avoir à se plonger dans des processus de déploiement gourmands en code.

Voyons comment MAS 9 simplifie la mise en page et la personnalisation du CSS, aidant les entreprises à adapter Maximo à leurs besoins uniques, avec moins d'efforts et de temps d'arrêt.

Pourquoi personnaliser l'interface Maximo ?

Maximo est déjà connu pour ses puissantes capacités de gestion d'actifs, mais la possibilité de l'aligner visuellement sur votre entreprise ajoute une couche supplémentaire de professionnalisme et de clarté. Les besoins courants sont notamment les suivants :

  • Ajouter un logo ou un nom d'entreprise
  • Afficher les messages de connexion
  • Modification des couleurs, des polices et de l'alignement de l'écran

Auparavant, ces modifications nécessitaient la modification de fichiers XML ou la modification directe du fichier maximo.css, deux tâches fastidieuses qui nécessitaient le redéploiement de l'application.

MAS 9 propose une nouvelle approche qui permet des mises à jour en temps réel via l'interface Suite Administrator, éliminant ainsi le besoin de temps d'arrêt ou de déploiements complets.

Personnalisation de l'en-tête Maximo

MAS 9 permet une personnalisation simple de l'en-tête de l'application. Voici comment le personnaliser avec l'image de marque de votre entreprise :

  • Connectez-vous à Maximo Application Suite (MAS) Core
  • Cliquez sur Administration de la suite et configurations
Picture 1, Picture


  • Sélectionnez l'option « Personnalisation de l'interface utilisateur » dans la section « Autre »
A screenshot of a computerAI-generated content may be incorrect., Picture
  • Mettre à jour le nom de l'entreprise, le nom du produit et le logo
A screenshot of a computerAI-generated content may be incorrect., Picture

Mettez à jour les informations et cliquez sur « Enregistrer et publier ». Ce changement se reflète instantanément sur la page de connexion et l'en-tête de l'application, créant ainsi une expérience de marque cohérente.

A screen shot of a computerAI-generated content may be incorrect., Picture
Avant le changement
A screenshot of a computerAI-generated content may be incorrect., Picture
Après le changement

Remplacer Maximo CSS

Pour une personnalisation plus approfondie, telle que les messages de connexion ou les ajustements de l'interface utilisateur (couleur, alignement, police), vous pouvez désormais remplacer le CSS par défaut de Maximo directement depuis le panneau d'administration.

Prérequis

Avant d'apporter une modification pour annuler la modification CSS, la propriété système suivante doit être mise à jour.

« Politique de sécurité_de sécurité MXE.SEC.HEADER.CONTENT_»

  • Connectez-vous à Maximo Manage application et modifiez les propriétés du système
A screenshot of a computerAI-generated content may be incorrect., Picture
  • Ajoutez le domaine de l'entreprise à la valeur de la propriété après « style-src » et « img-src » comme suit :
    Syntex
    : .ajoutez *.MyCompanyDomain.com
    Exemple
    : inclure le domaine dans la valeur globale.
A close-up of a computer codeAI-generated content may be incorrect., Picture


  • Enregistrez les propriétés du système et effectuez une actualisation en direct

Processus pour remplacer le fichier maximo.css

  • Suite d'applications Maximo (MAS) Core
  • Cliquez sur Administration de la suite et configurations
  • Sélectionnez l'option « Personnalisation de l'interface utilisateur » dans la section « Autre »
  • Cliquez sur Personnalisation CSS et activez
A screenshot of a computerAI-generated content may be incorrect., Picture


  • Ajoutez votre configuration CSS personnalisée et cliquez sur « Enregistrer et publier ». Par exemple, ajoutez un message de connexion personnalisé et ajustez l'alignement de l'écran.
    p #x7ynq : :after {visibility : visible ; content : « Bienvenue chez Maximo - Développement » ;
    position : absolue ; gauche : 0 ; haut : 0 ;} p #x7ynq {visibilité : cachée ; position : relative ;}
Picture 1, Picture
A person standing on a platformAI-generated content may be incorrect., Picture
Page de connexion avant modification
A screenshot of a computerAI-generated content may be incorrect., Picture
Présentation de l'application avant modification

Picture 1, Picture
Page de connexion après modification
A screenshot of a computerAI-generated content may be incorrect., Picture
Mise en page de l'application après modification

Cet exemple ajoute un message de connexion et ajuste le placement du texte.

Remarque: les modifications CSS sont spécifiques au composant. La personnalisation de Maximo Manage n'affectera pas les autres composants tels que Maximo Health.

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

Maximo Application Suite 9 permet aux administrateurs de personnaliser l'apparence de leurs applications plus facilement que jamais. Grâce à des outils de personnalisation intégrés, les équipes peuvent désormais aligner les interfaces Maximo sur leur marque et améliorer leur convivialité, sans longs cycles de développement ni problèmes de redéploiement.


Si vous n'avez pas encore exploré les fonctionnalités de personnalisation de MAS 9, c'est le moment idéal pour vous lancer et améliorer visuellement votre environnement Maximo.

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