Cambio de marca de la aplicación

Puede cambiar la marca de la aplicación y cambiar el logotipo de la empresa en el banner y el recuadro Acerca de. También puede cambiar el nombre del producto en toda la aplicación.

Procedimiento

Puede cambiar la marca de la aplicación de las siguientes maneras:
- Logotipo en el banner de la aplicación: debe crear un archivo CSS, incluir la entrada CSS tal como se muestra en el ejemplo y guardar el archivo.
  Por ejemplo:
```
.comapps.oneui .idxHeaderContainer .idxHeaderWidthLiquid .idxHeaderPrimary
.idxHeaderLogoBox .idxHeaderLogo {
background: url('../icons/images/<image>') no-repeat 35% 23%;
} 
```
  Donde ../icons/images/<image> es la vía de acceso relativa al logotipo.
  Nota: El tamaño de la imagen debe ser de 43 x 16 píxeles.
  Para obtener más información, consulte Personalización de la interfaz de usuario con LESS y archivos de propiedades.
- Logotipo de marca en el recuadro Acerca de: Utilizando el entorno de trabajo de extensibilidad, cambie el origen de imagen para que apunte a la imagen de marca en el recuadro Acerca de.
- Nombre de producto en el recuadro Acerca de: Utilizando el entorno de trabajo de extensibilidad, cambie el valor de etiqueta del nombre de producto por el nombre de producto necesario en el recuadro Acerca de.
- Nombre de producto en la aplicación: puede cambiar el nombre de producto en la aplicación añadiendo las entradas de paquete WSC_Product_Name y Title_Product_Name en el archivo Extension_bundle.js de forma adecuada. Por ejemplo, WSC_Product_Name: <custom product name>
  Para obtener más información, consulte Modificación de los literales en pantallas no extensibles.
- Icono de aplicación en la pestaña del navegador: puede utilizar uno de los procedimientos siguientes para cambiar el icono de aplicación en la pestaña del navegador. Si no prefiere el primer procedimiento, puede seguir el segundo procedimiento. Sin embargo, no se recomienda modificar el archivo container.jsp .
  1. Utilización del nombre de imagen actual: cree una imagen que represente el producto y cámbiele el nombre IBMLogoWindow.ico. Copie la imagen en el directorio <INSTALL_DIR>/repository/eardata/wsc/extn/wsc/resources/css/icons/images .
  2. Modificación del archivo container.jsp :
    - Para la versión de escritorio de la aplicación, copie el archivo container.jsp del directorio <INSTALL_DIR>/repository/eardata/wsc/war/wsc/desktop/container en el directorio <INSTALL_DIR>/repository/eardata/wsc/extn/wsc/desktop/container .
      De forma similar, para la versión móvil de la aplicación, copie el archivo container.jsp del directorio <INSTALL_DIR>/repository/eardata/wsc/war/wsc/mobile/container en el directorio <INSTALL_DIR>/repository/eardata/wsc/extn/wsc/mobile/container .
    - En el archivo container.jsp , modifique el atributo href para que apunte a la vía de acceso del icono personalizado en la línea siguiente:
      
      <link rel="SHORTCUT ICON" href="<%=request.getContextPath()%>/wsc/resources/css/icons/images/IBMLogoWindow.ico"/>
  Nota: El tamaño de la imagen debe ser de 16 x 16 píxeles.
- Nombre de aplicación en el separador del navegador: puede alterar temporalmente el nombre de producto predeterminado modificando la entrada de paquete de WSC_Product_Name en el archivo extnbundle.properties de forma adecuada.
Después de personalizar la aplicación, cree el archivo wscdev.war ejecutando el mandato siguiente: wscdev.war.\buildwar.sh -Dappserver=<application server>-Dwarfiles=wscdev
(utilice .cmd en lugar de .sh, para Windows.)
Desplegar el WAR de aplicación.