Cambiar la apariencia del sitio utilizando texturas

Puede cambiar el aspecto de la aplicación web de IBM® Rational Asset Manager editando las hojas de estilo en cascada y proporcionando imágenes personalizadas.

Acerca de esta tarea

Un administrador de repositorio puede descargar un archivado que contenga las imágenes y las hojas de estilo en cascada que dan a la aplicación web su apariencia. Una vez que estos archivos se han personalizado, el administrador del repositorio puede subirlos para implementar el cambio.

Si ha modificado la textura, antes de actualizar el servidor de Rational Asset Manager debe descargar el tema actual. Después de actualizar el servidor, puede volver a aplicar el tema; pero se recomienda que primero aplique el tema en una instalación de prueba porque los cambios que se realicen en el servidor pueden provocar problemas con los temas de versiones anteriores.

Procedimiento

  1. Inicie una sesión en el cliente web como administrador de repositorio.
  2. Pulse Administración.
  3. En la barra lateral Administración de repositorio, pulse Herramientas.
  4. En la página Herramientas, busque la sección Gestionar temas.
  5. Pulse Descargar tema actual.
  6. Guarde el archivador currentTheme.zip en su sistema local. Este archivo de archivado contiene hojas de estilo en cascada (CSS), JavaServer Pages (JSP) y archivos de imágenes.
  7. Extraiga el archivador. Mantenga la estructura de carpetas.
  8. Modifique las hojas de estilos en cascada y modifique o reemplace las imágenes como necesite.
  9. Cree un archivador que contenga los archivos actualizados. Puede darle al archivador cualquier nombre, pero el archivador debe tener la misma estructura de carpetas que la original (es decir, la carpeta llamada "theme" debe ser la carpeta raíz). Estos archivos deben estar en el archivador del tema, aunque no se hayan realizado cambios en los archivos:
    • theme/custom/header.jspf: contiene la imagen de logotipo y los enlaces a la Ayuda y Extensiones.
    • theme/custom/homeContent.jspf: área de contenido de la página inicial.
    • theme/custom/jspHeader.jspf: contiene detalles de banner adicionales
    • theme/custom/requestAccess.jspf: este archivo aparece bajo el formulario de inicio de sesión en la página de inicio de sesión. En el tema predeterminado, no hay nada en este fragmento; sin embargo, es posible que desee añadir enlaces como "Contraseña olvidada" o "Registrarse", que son comunes en aplicaciones web.
    • theme/custom/requestAccessForm.jspf: este archivo aparece en la página inicial, bajo el formulario de inicio de sesión. En el tema predeterminado, no hay nada en este fragmento; sin embargo, es posible que desee añadir enlaces como "Contraseña olvidada" o "Registrarse", que son comunes en aplicaciones web.
    • theme/custom/css/advanced.css: CSS avanzadas para dimensionamiento y posicionamiento.
    • theme/custom/css/basic.css: CSS básicas para imágenes, fondos, estilos de font.
    • theme/custom/css/hideRightColumn.css: CSS para páginas que no tienen una columna a la derecha.
    • theme/custom/css/pageLayout.css: CSS para el diseño de página general.
    • theme/custom/css/showLeftColumn.css: CSS para páginas que tienen una columna izquierda.
  10. En la página Herramientas, en la sección Gestionar tema, pulse Examinar.
  11. Localice el archivo actualizado.
  12. Pulse Subir.

Resultados

El nuevo tema se aplica inmediatamente. Si no ve los cambios de forma inmediata, pulse el botón volver a cargar o renovar del navegador. También es posible que tenga que borrar la memoria caché de su navegador web. No es necesario que reinicie la aplicación web. Para verificar que el tema se haya aplicado correctamente, visualice varias páginas de la aplicación web. Si ve resultados inesperados, modifique los archivos y vuelva a cargar el tema.

Qué hacer a continuación

Guarde una copia de su archivador de tema. Si tiene que restaurar el tema original, pulse Restaurar el tema predeterminado.

Si la aplicación se vuelve a desplegar o se actualiza a una versión nueva, se aplicará el tema predeterminado y será necesario cargar el tema personalizado.


Comentarios