Ältere Plattform

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

  1. 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:
      .comapps.oneui .idxHeaderContainer .idxHeaderWidthLiquid .idxHeaderPrimary
      .idxHeaderLogoBox .idxHeaderLogo {
      background: url('../icons/images/<image>') no-repeat 35% 23%;
      } 
      Dabei ist ../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_Name und Title_Product_Name in der Datei Extension_bundle.js entsprechend 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.jsp wird jedoch nicht empfohlen.
      1. 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 .
      2. Ändern Sie die Datei container.jsp :
        • Für die Desktopversion der Anwendung kopieren Sie die Datei container.jsp aus dem Verzeichnis <INSTALL_DIR>/repository/eardata/wsc/war/wsc/desktop/container in das Verzeichnis <INSTALL_DIR>/repository/eardata/wsc/extn/wsc/desktop/container .

          Kopieren Sie für die mobile Version der Anwendung die Datei container.jsp aus dem Verzeichnis <INSTALL_DIR>/repository/eardata/wsc/war/wsc/mobile/container in das Verzeichnis <INSTALL_DIR>/repository/eardata/wsc/extn/wsc/mobile/container .

        • Ändern Sie in der Datei container.jsp das Attribut href so, 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"/>
           
      Hinweis: Die Größe des Bildes sollte 16 x 16 Pixel betragen.
    • Anwendungsname auf Browserregisterkarte: Sie können den Standardproduktnamen überschreiben, indem Sie den Paketeintrag WSC_Product_Name in der Datei extnbundle.properties entsprechend ändern.
  2. Erstellen Sie nach der Anpassung der Anwendung die Datei wscdev.war , indem Sie den Befehl wscdev.war.\buildwar.sh -Dappserver=<application server>-Dwarfiles=wscdev ausführen.
    (Verwenden Sie .cmd anstelle von .shfür Windows.)
  3. Implementieren Sie die Anwendungs-WAR.