Darstellung der Site durch Motive ändern

Sie können das Aussehen der IBM® Rational Asset Manager-Webanwendung ändern, indem Sie angepasste Cascading Style Sheets (CSS-Dateien) verwenden und eigene Bilder bereitstellen.

Vorbereitende Schritte

Wenn Sie die Standarddateien geändert haben, damit Ihr Motiv für ein früheres Release von Rational Asset Manager angepasst wurde, laden Sie das aktuelle Motiv herunter, bevor Sie das Update auf Version 7.5.2 durchführen. Das aktuelle Motiv wird während eines Updates durch das Standardmotiv für die Version überschrieben. Nach Beendigung des Rational Asset Manager-Updates auf dem Server wenden sie das Motiv bei einer Testinstallation wieder an, um Probleme aus früheren Versionen zu identifizieren.

Informationen zu diesem Vorgang

Ein Repository-Administrator kann ein Archiv herunterladen, das die Bilder und Cascading Style Sheets enthält, die das Aussehen der Webanwendung definieren. Nachdem diese Dateien angepasst wurden, lädt der Repository-Administrator das aktualisierte Archiv hoch, um die Änderung zu implementieren.

Vorgehensweise

  1. Melden Sie sich beim Web-Client als Repository-Administrator an.
  2. Klicken Sie auf Administration.
  3. Klicken Sie in der Seitenleiste 'Repository-Administration' auf Tools.
  4. Suchen Sie auf der Seite 'Tools' nach dem Abschnitt 'Thema verwalten'.
  5. Klicken Sie auf Aktuelles Thema herunterladen.
  6. Speichern Sie das Archiv currentTheme.zip auf Ihrem lokalen Computer. Diese Archivdatei enthält Cascading Style Sheets (CSS), JavaServer Pages (JSP) und Bilddateien.
  7. Extrahieren Sie das Archiv. Behalten Sie die Ordnerstruktur bei.
  8. Erstellen Sie eine oder mehrere CSS-Dateien, und speichern Sie sie im Verzeichnis theme/custom/css.
  9. Schauen Sie sich die Standard-Style-Sheets an, die mit Rational Asset Manager installiert wurden. Kopieren Sie bei allen Styles, die Sie ändern wollen, die Styleregeln in Ihre CSS-Datei und bearbeiten Sie die Styles. Die Änderungen, die Sie in Ihren neuen CSS-Dateien vornehmen, setzen Sie Styleregeln in den Standard-Style-Sheets außer Kraft.
    Wichtig: Ändern Sie nicht die Standard-Style-Sheets in der Motivarchivdatei. Diese Style-Sheets ändern sich von Release zu Release und werden überschrieben, wenn ein Upgrade für Rational Asset Manager durchgeführt wird.
  10. Fügen Sie Ihre angepassten Style-Sheets der Datei theme/custom/cssIncludes.jspf als Links hinzu. Beispiel:

    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/${applicationScope.themePath}/custom/css/jkeEnterprises.css" />

  11. Erstellen Sie den Ordner images im Verzeichnis "custom" und speichern Sie darin die Bilddateien, die in Ihrem Motiv verwendet werden. Beispiel: theme/custom/images-jke-enterprises
  12. Erstellen Sie ein Archiv, das die aktualisierten Dateien enthält. Sie können den Namen des Archivs anpassen - der Ordner mit dem Namen "theme" muss jedoch der Stammordner des Archivs sein. Diese Dateien müssen im Motivarchiv vorhanden sein, zusätzlich zu den angepassten, von Ihnen erstellten CSS-Dateien, und zwar auch dann, wenn keine Änderungen vorgenommen wurden:
    • theme/custom/header.jspf: Enthält das Logobild, den Namen des angemeldeten Benutzers und die Links für 'Anmelden', 'Abmelden', 'Hilfe' und 'Erweiterungen'.
    • theme/custom/cssIncludes.jspf: Enthält die <link>-Tags für Ihre angepassten CSS-Dateien.
    • theme/custom/homeContent.jspf: Enthält den Inhaltsbereich der Homepage.
    • theme/custom/jspHeader.jspf: Enthält zusätzliche Bannerdetails.
    • theme/custom/requestAccess.jspf: Diese Datei wird unterhalb des Anmeldeformulars auf der Anmeldeseite angezeigt. Beim Standardmotiv befindet sich nichts in diesem Fragment; Sie können jedoch Links hinzufügen, wie beispielsweise "Kennwort vergessen" oder "Registrieren," die bei Webanwendungen üblich sind.
    • theme/custom/requestAccessForm.jspf: Diese Datei wird auf der Homepage unterhalb des Anmeldefomrulars angezeigt. Beim Standardmotiv befindet sich nichts in diesem Fragment; Sie können jedoch Links hinzufügen, wie beispielsweise "Kennwort vergessen" oder "Registrieren," die bei Webanwendungen üblich sind.
    • theme/custom/css/advanced.css: Erweitertes Cascading Style Sheet für die Größenänderung und Positionierung.
    • theme/custom/css/basic.css: Grundlegendes Cascading Style Sheet für Bilder, Hintergründe und Schriftarten.
    • theme/custom/css/hideRightColumn.css: Cascading Style Sheet für Seiten, die keine rechte Spalte haben.
    • theme/custom/css/pageLayout.css: Cascading Style Sheet für das allgemeine Seitenlayout.
    • theme/custom/css/showLeftColumn.css: Cascading Style Sheet für Seiten, die eine linke Spalte haben.
  13. Klicken Sie auf der Seite "Tools" im Abschnitt "Motiv verwalten" auf Durchsuchen.
  14. Suchen Sie das aktualisierte Archiv.
  15. Klicken Sie auf Hochladen.

Ergebnisse

Das neue Motiv wird angewendet. Wenn die Änderungen nicht angezeigt werden, klicken Sie auf die Schaltflächen "Aktualisieren" oder "Erneut laden" im Browser. Möglicherweise müssen Sie auch den Inhalt des Cachespeichers Ihres Web-Browsers löschen. Es ist nicht erforderlich, dass Sie die Webanwendung erneut starten. Um zu prüfen, ob das Motiv korrekt angewendet wurde, rufen Sie mehrere Seiten der Webanwendung auf. Wenn Sie auf nicht erwartete Ergebnisse stoßen, ändern Sie die angepassten CSS-Dateien für die Cascading Style Sheets, und laden Sie das Motiv erneut hoch.

Nächste Schritte

Speichern Sie eine Kopie Ihres Motivarchivs. Wenn Sie zu einem späteren Zeitpunkt das ursprüngliche Motiv wieder herstellen müssen, klicken Sie auf Standardmotiv wieder herstellen.

Wenn die Webanwendung erneut implementiert wird, oder ein Upgrade der Webanwendung auf eine neue Version durchgeführt wird, wird das Standardmotiv angewendet, und Sie müssen das angepasste Motiv herunterladen.


Feedback