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
- Melden Sie sich beim Web-Client als Repository-Administrator an.
- Klicken Sie auf Administration.
- Klicken Sie in der Seitenleiste 'Repository-Administration' auf
Tools.
- Suchen Sie auf der Seite 'Tools' nach dem Abschnitt 'Thema verwalten'.
- Klicken Sie auf Aktuelles Thema herunterladen.
- Speichern Sie das Archiv currentTheme.zip auf Ihrem lokalen Computer. Diese Archivdatei enthält Cascading Style Sheets (CSS), JavaServer Pages (JSP) und Bilddateien.
- Extrahieren Sie das Archiv. Behalten Sie die Ordnerstruktur bei.
- Erstellen Sie eine oder mehrere CSS-Dateien, und speichern Sie sie im Verzeichnis theme/custom/css.
- 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.
- 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"
/>
- 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
- 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.
- Klicken Sie auf der Seite "Tools" im Abschnitt "Motiv verwalten" auf
Durchsuchen.
- Suchen Sie das aktualisierte Archiv.
- 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.