Ahora que sabemos crear una plantilla base para las personalizaciones vamos a cambiar el encabezado de MicroStrategy Library, en concreto, cambiaremos estas propiedades:
- Color de fondo de blanco a gris.
- Color del borde inferior de gris a verde.
Tabla de Contenidos
ocultar
Especificaciones del entorno
- Microsoft Windows 10
- MicroStrategy 2021 update 4
- SDK MicroStrategy 2021
Resultado
Antes
Después
Demostración en video
Paso a paso
- Haz una copia de la plantilla base que hemos creado en anteriores artículos y cambiale el nombre a NuevoEncabezadoLibrary
- Abre MicroStrategy Library con Google Chrome y abre las herramientas de desarrolladores (presiona CTRL + mayúscula + I)
- Pulsa CTRL + mayusculas + C y pon el puntero del ratón sobre el encabezado (a la izquierda del logotipo)
- Despues de hacer clic, en la parte inferior, haz doble clic sobre la clase mstrd-NavBarWrapper y copiala.
- Abre la carpeta NuevoEncabezadoLibrary > style y edita el fichero global.css escribiendo el siguiente código:
/* Nuevo encabezado MicroStrategy Library */
.mstrd-NavBarWrapper {
background-color: #f2f2f2 !important;
border-bottom: 1px solid #21610b !important;
}- Guarda y cierra el fichero.
- Mueve la carpeta NuevoEncabezadoLibrary a la carpeta plugins de tu instalación de Tomcat o al servidor web que tengas instalado. Por defecto en Windows, C:\Program Files (x86)\Common Files\MicroStrategy\Tomcat\apache-tomcat-9.0.54\webapps\MicroStrategyLibrary\plugins.
- Para el servicio de tu servidor web. Por defecto en Tomcat C:\Program Files (x86)\Common Files\MicroStrategy\Tomcat\apache-tomcat-9.0.54\bin\shutdown.bat
- Inicia el servicio de tu servidor web. Por defecto en Tomcat C:\Program Files (x86)\Common Files\MicroStrategy\Tomcat\apache-tomcat-9.0.54\bin\startup.bat
- Abre de nuevo MicroStrategy Library y visualiza los cambios.
Se recomienda borrar la cache del navegador antes de abrir de nuevo MicroStrategy Library, ya que de lo contrario, es posible que no sé visualicen los cambios.