Red Hat Summit Red Hat SummitSupportConsoleDéveloppeursCommencer un essaiContact

2.3. Personnalisation de l'application Business Central

L'application web Business Central permet de personnaliser son apparence en vous permettant de substituer certains de ses styles qui existent par défaut. La possibilité de personnaliser Business Central vous permet d'obtenir une apparence cohérente à travers toutes vos applications, ce qui améliore votre expérience utilisateur. C'est également utile lorsque plusieurs équipes utilisent l'application. Chaque équipe peut développer sa propre interface utilisateur personnalisée. Les éléments personnalisables sont construits en utilisant des feuilles de style en cascade (CSS), des images et des fichiers HTML, fournissant ainsi une approche flexible et facile à personnaliser, sans besoin de recompiler le code.
Vous pouvez modifier les éléments suivants dans l'application Business Central pour rester en phase avec l'image de marque de votre entreprise :
  • Écran de connexion
    Vous pouvez personnaliser les attributs de l'écran de connexion de Business Central suivants :
    • L'image d'arrière-plan
    • Le logo de la société
    • Le logo de l'application
  • L'en-tête de l'application
    Vous pouvez personnaliser les attributs de l'en-tête de l'application de Business Central suivants :
    • L'en-tête de Business Central contient le titre et le logo de la bannière
  • Fenêtres contextuelles d'assistance
    Vous pouvez personnaliser les attributs suivants des fenêtres contextuelles d'assistance de l'écran de démarrage :
    • Les images d'assistance de l'écran de démarrage
    • Texte de l'étiquette

Procédure 2.2. Modifier l'image d'arrière-plan de la page de connexion de Business Central

  1. Démarrer le serveur EAP et ouvrir http://localhost:8080/business-central dans un navigateur web.
  2. Copier la nouvelle image d'arrière-plan dans le répertoire $EAP_HOME/standalone/deployments/business-central.war/images de votre installation JBoss BPM Suite.
  3. Naviguez dans le répertoire $EAP_HOME/standalone/deployments/business-central.war/styles et ouvrir le fichier login-screen.css dans l'éditeur de texte.
  4. Dans le fichier login-screen.css, indiquez l'emplacement de votre nouvelle image d'arrière-plan dans l'attribut background-image suivant. 
    background-image: url("../images/login-screen-background.jpg");
    L'attribut background-image pointe vers l'image login-screen-background.jpg par défaut.
    En plus de l'image d'arrière-plan, vous pouvez modifier les autres attributs comme la taille de l'image, sa position, la couleur du fond dans le fichier login-screen.css.
Réactualiser la page de connexion de Business Central pour apercevoir les changements.

Procédure 2.3. Modifier les logos de la société et du projet dans Business Central

  1. Démarrer le serveur EAP et ouvrir http://localhost:8080/business-central dans un navigateur web.
  2. Naviguez dans le répertoire $EAP_HOME/standalone/deployments/business-central.war/images de votre installation JBoss BPM Suite.
  3. Remplacer l'image par défaut login-screen-logo.png par une nouvelle image. Ce sera le logo de la société, qui apparaîtra dans le coin de droite de votre page de connexion.
  4. Remplacer l'image par défaut RH_JBoss_BPMS_Logo.pngRH_JBoss_BRMS_Logo.png par une nouvelle image. Ce sera le logo du projet qui apparaîtra au centre légèrement à gauche de la page de connexion.
Réactualiser la page de connexion de Business Central pour apercevoir les changements.

Procédure 2.4. Modifier l'en-tête de l'application Business Central (bannière)

  1. Démarrer le serveur EAP et ouvrir http://localhost:8080/business-central dans un navigateur web.
  2. Connectez-vous à l'application Business Central par vos identifiants d'utilisateur.
  3. Copier la nouvelle image d'en-tête de votre application dans le répertoire $EAP_HOME/standalone/deployments/business-central.war/images de votre installation JBoss BPM Suite.
  4. Ouvrir le fichier $EAP_HOME/standalone/deployments/business-central.war/banner/banner.html dans un éditeur de texte.
  5. Dans le fichier banner.html, modifier la balise <img> suivante pour donner un nom à votre nouvelle image d'en-tête : 
    <img src="banner/logo.png"/>
    L'image par défaut est logo.png.
Réactualiser la page d'accueil de Business Central pour apercevoir les changements.
Le répertoire $EAP_HOME/standalone/deployments/business-central.war/plugins contient les pages d'écran de démarrage et les fichiers html correspondants. Chaque page d'écran de démarrage (splash page) contient le nom du fichier html qui contient des informations sur le ou les image(s) à afficher. Par exemple, la page d'écran de démarrage authoring_perspective.splash.js pointe vers le fichier authoring_perspective.splash.html. Le fichier authoring_perspective.splash.html contient les noms et emplacements de tous les fichiers d'images qui apparaissent sur la page d'assistance de démarrage d'Authoring Perspective, ainsi que leurs légendes.

Procédure 2.5. Modifier les images et légendes des fenêtres contextuelles d'assistance de Business Central

  1. Démarrer le serveur EAP et ouvrir http://localhost:8080/business-central dans un navigateur web.
  2. Connectez-vous à l'application Business Central par vos identifiants d'utilisateur.
  3. Copier la ou les nouvelle(s) image(s) d'assistance de la page de démarrage dans le répertoire $EAP_HOME/standalone/deployments/business-central.war/images de votre installation JBoss BPM Suite.
  4. Ouvrir le fichier html correspondant du répertoire $EAP_HOME/standalone/deployments/business-central.war/plugins dans l'éditeur de texte.
  5. Modifiez le fichier html pour qu'il pointe vers votre nouvelle image d'aide de l'écran de démarrage. Par exemple, pour modifier la première image qui apparaît dans l'aide de Perspective Authoring, modifiez la balise < img > suivante dans le fichier authoring_perspective.splash.html pour ajouter votre nouvelle image : 
    <img src="images/authoring_perspective1.png" alt="">
    L'image par défaut est authoring_perspective1.png, qui apparaît dans l'assistance de la première page d'Authoring Perspective (perspective de création).
  6. Pour modifier la légende de l'image qui apparaît sur la page d'aide de l'écran de démarrage, modifier les contenus des balises <h4> et <p> sous la balise <img> : 
    <h4>Authoring</h4>
<p>Modularized and customizable workbench</p>
Réactualiser la page d'accueil de Business Central et accéder aux fenêtre contextuelles d'assistance de la page de démarrage pour apercevoir les changements.
Red Hat logoGithubredditYoutubeTwitter

Apprendre

Essayez, achetez et vendez

Communautés

À propos de la documentation Red Hat

Nous aidons les utilisateurs de Red Hat à innover et à atteindre leurs objectifs grâce à nos produits et services avec un contenu auquel ils peuvent faire confiance. Découvrez nos récentes mises à jour.

Rendre l’open source plus inclusif

Red Hat s'engage à remplacer le langage problématique dans notre code, notre documentation et nos propriétés Web. Pour plus de détails, consultez le Blog Red Hat.

À propos de Red Hat

Nous proposons des solutions renforcées qui facilitent le travail des entreprises sur plusieurs plates-formes et environnements, du centre de données central à la périphérie du réseau.

Theme

© 2026 Red HatRetour au début