Anwendung umstrukturieren
Sie können die Anwendung umgestalten und das Firmenlogo im Banner und im Feld "Info" ändern. Sie können den Produktnamen auch anwendungsübergreifend ändern.
Vorgehensweise
- Sie können die Anwendung wie folgt umkennzeichnen:
- Logo im Anwendungsbanner: Sie müssen eine CSS-Datei erstellen, den CSS-Eintrag wie im Beispiel gezeigt einschließen und die Datei speichern.Beispiel:
Dabei ist.comapps.oneui .idxHeaderContainer .idxHeaderWidthLiquid .idxHeaderPrimary .idxHeaderLogoBox .idxHeaderLogo { background: url('../icons/images/<image>') no-repeat 35% 23%; }../icons/images/<image>der relative Pfad zum Logo.Hinweis: Die Größe des Bilds sollte 43 x 16 Pixel betragen.Weitere Informationen finden Sie unter Benutzerschnittstelle mit LESS und Eigenschaftendateien anpassen. - Markenlogo im Feld 'Info': Ändern Sie mithilfe von Extensibility Workbench die Bildquelle so, dass sie auf Ihr Markenbild im Feld 'Info' verweist.
- Produktname im Feld 'Info': Ändern Sie in Extensibility Workbench den Bezeichnungswert des Produktnamens in den erforderlichen Produktnamen im Feld 'Info'.
- Produktname in der Anwendung: Sie können den Produktnamen in der gesamten Anwendung ändern, indem Sie die Paketeinträge
WSC_Product_NameundTitle_Product_Namein der DateiExtension_bundle.jsentsprechend hinzufügen. Beispiel:WSC_Product_Name:<custom product name>Weitere Informationen finden Sie unter Ändern der Literale auf nicht erweiterbaren Bildschirmen.
- Anwendungssymbol auf Browserregisterkarte: Sie können eine der folgenden Prozeduren verwenden, um das Anwendungssymbol auf der Browserregisterkarte zu ändern. Wenn Sie die erste Prozedur nicht bevorzugen, können Sie die zweite Prozedur befolgen. Eine Änderung der Datei
container.jspwird jedoch nicht empfohlen.- Verwendung des aktuellen Bildnamens: Erstellen Sie ein Bild, das Ihr Produkt darstellt, und benennen Sie es in
IBMLogoWindow.icoum. Kopieren Sie das Image in das Verzeichnis<INSTALL_DIR>/repository/eardata/wsc/extn/wsc/resources/css/icons/images. - Ändern Sie die Datei
container.jsp:- Für die Desktopversion der Anwendung kopieren Sie die Datei
container.jspaus dem Verzeichnis<INSTALL_DIR>/repository/eardata/wsc/war/wsc/desktop/containerin das Verzeichnis.<INSTALL_DIR>/repository/eardata/wsc/extn/wsc/desktop/containerKopieren Sie für die mobile Version der Anwendung die Datei
container.jspaus dem Verzeichnis<INSTALL_DIR>/repository/eardata/wsc/war/wsc/mobile/containerin das Verzeichnis.<INSTALL_DIR>/repository/eardata/wsc/extn/wsc/mobile/container - Ändern Sie in der Datei
container.jspdas Attributhrefso, dass es auf den Pfad des angepassten Symbols in der folgenden Zeile verweist:<link rel="SHORTCUT ICON" href="<%=request.getContextPath()%>/wsc/resources/css/icons/images/IBMLogoWindow.ico"/>
- Für die Desktopversion der Anwendung kopieren Sie die Datei
Hinweis: Die Größe des Bildes sollte 16 x 16 Pixel betragen. - Verwendung des aktuellen Bildnamens: Erstellen Sie ein Bild, das Ihr Produkt darstellt, und benennen Sie es in
- Anwendungsname auf Browserregisterkarte: Sie können den Standardproduktnamen überschreiben, indem Sie den Paketeintrag
WSC_Product_Namein der Dateiextnbundle.propertiesentsprechend ändern.
- Logo im Anwendungsbanner: Sie müssen eine CSS-Datei erstellen, den CSS-Eintrag wie im Beispiel gezeigt einschließen und die Datei speichern.
- Erstellen Sie nach der Anpassung der Anwendung die Datei
wscdev.war, indem Sie den Befehlwscdev.war.\buildwar.sh -Dappserver=<application server>-Dwarfiles=wscdevausführen.(Verwenden Sie.cmdanstelle von.shfür Windows.) - Implementieren Sie die Anwendungs-WAR.