Changer l'apparence du site avec des thèmes

Vous pouvez changer l'apparence de l'application Web IBM® Rational Asset Manager en éditant les feuilles de style en cascade (CSS) et en l'agrémentant de vos propres images.

Pourquoi et quand exécuter cette tâche

Un administrateur de référentiels peut télécharger une archive contenant les images et les fichiers CSS (feuilles de style en cascade) qui caractérisent l'apparence de l'application Web. Une fois les fichiers personnalisés, il peut les remonter vers le serveur afin d'implémenter le nouveau thème.

Si vous avez modifié votre thème, avant de mettre à jour le serveur Rational Asset Manager, vous devez télécharger le thème actuel. Une fois le serveur mis à jour, vous pouvez réappliquer le thème, mais vous devez l'appliquer d'abord à une installation de test, car certains changements dans le serveur peuvent entraîner des problèmes avec les thèmes des versions précédentes.

Procédure

  1. Connectez-vous au client Web en tant qu'administrateur de référentiels.
  2. Cliquez sur Administration.
  3. Cliquez sur Outils dans la barre latérale Administration du référentiel.
  4. Dans la page Outils, localisez la section Gérer le thème.
  5. Cliquez sur Télécharger le thème actuel.
  6. Enregistrez le fichier d'archive currentTheme.zip sur votre système local. Ce fichier archive contient les feuilles de style en cascade (CSS), les JSP (JavaServer Pages) et les fichiers image.
  7. Extrayez le contenu de l'archive. Conservez la structure des dossiers.
  8. Modifiez les feuilles de style en cascade et éditez ou remplacez les images si nécessaire.
  9. Créez une archive contenant les fichiers mis à jour. Vous pouvez nommer l'archive comme vous le souhaitez, mais elle doit avoir la même structure de dossiers que l'original (le dossier "theme" doit être le dossier principal). Ces fichiers doivent être présents dans l'archive du thème, même s'ils n'ont pas été modifiés :
    • theme/custom/header.jspf : contient l'image du logo et les liens Aide et Extensions.
    • theme/custom/homeContent.jspf : contenu de la page d'accueil.
    • theme/custom/jspHeader.jspf : contient les détails de la bannière supplémentaires
    • theme/custom/requestAccess.jspf : ce fichier apparaît sous le formulaire d'ouverture de session dans la page de connexion. Dans le thème par défaut, ce fragment ne contient rien, mais vous pouvez y ajouter des liens tels que "Mot de passe oublié" ou "Enregistrement", souvent rencontrés dans les applications Web.
    • theme/custom/requestAccessForm.jspf : ce fichier apparaît dans la page d'accueil, sous le formulaire d'ouverture de session. Dans le thème par défaut, ce fragment ne contient rien, mais vous pouvez y ajouter des liens tels que "Mot de passe oublié" ou "Enregistrement", souvent rencontrés dans les applications Web.
    • theme/custom/css/advanced.css : feuille de style en cascade avancée pour le dimensionnement et le positionnement
    • theme/custom/css/basic.css : feuille de style en cascade basique pour les images, les arrière-plans et les styles de police.
    • theme/custom/css/hideRightColumn.css : feuille de style en cascade pour les pages sans colonne de droite
    • theme/custom/css/pageLayout.css : feuille de style en cascade pour l'agencement général des pages
    • theme/custom/css/showLeftColumn.css: feuille de style en cascade pour les pages sans colonne de gauche
  10. Dans la section Gérer le thème de la page Outils, cliquez sur Parcourir.
  11. Localisez l'archive mise à jour.
  12. Cliquez sur Remonter.

Résultats

Le nouveau thème est appliqué immédiatement. Si les changements ne sont pas visibles instantanément, cliquez sur le bouton Actualiser ou Recharger de votre navigateur. Vous devez aussi éventuellement effacer le cache de votre navigateur Web. Vous n'avez pas besoin de redémarrer l'application Web. Pour vérifier que le thème a été appliqué correctement, affichez plusieurs pages de l'application Web. Si vous voyez des résultats inattendus, modifiez les fichiers et téléchargez à nouveau le thème.

Que faire ensuite

Conservez une copie de l'archive de votre thème. Si vous souhaitez rétablir le thème d'origine, cliquez sur le lien Rétablir le thème par défaut.

Si l'application Web est redéployée ou mise à niveau vers une nouvelle version, le thème par défaut sera à nouveau appliqué et vous devrez télécharger votre thème personnalisé.


Commentaires