jueves, 21 de febrero de 2013

Personalización del botón en MSTR Web con MicroStrategy Customization Editor


Personalizar la interfaz de MicroStrategy Web por medio del uso de MicroStrategy Customization Editor

La herramienta SDK MicroStrategy Customization Editor facilita tareas relacionadas con cambios cosméticos de la interfaz de MicroStrategy, pero lo primero es crear un nuevo plugin una tarea bastante sencilla.

Creación de un nuevo plugin

1.       En Eclipse haz clic en el botón del plugin en la barra del aplication settings de MicroStrategy Customization Editor.
2.        Haz clic en el botón nuevo>>
3.       Pon un nombre al plugin por ejemplo New_button
4.       Clic en aceptar y ya tienes el nuevo plugin.

Personalizar el botón de MicroStrategy Web.

Original:
Personalizado:
Vamos inicialmente a personalizar el logo que aparece en la barra superior de MicroStrategy en la interfaz Web:
1.       Crear la carpeta images dentro del plugin que hemos creado antes.


2.       Vamos a poner una imagen nueva para hacerlo un poco más real e interesante, movemos la imagen a la carpeta images recién creada y actualizamos en eclipse con F5 sobre la carpeta de plugins dentro del “package explorer” o “explorador de paquetes”.
  1. Clic en CSS dentro de la vista CSS Settings Expanda el árbol para ver la lista de archivos CSS utilizados en MicroStrategy Web.
     
  2. Navege hasta MicroStrategy Web Styles->style->mstr.
     
  3. Clic en mstr.css para expandir las reglas definidas dentro del archive CSS.
     
  4. Clic en .mstrLogo para expandir las  propiedades definas para las reglas.
     
  5. Doble clic en background para lanzar la ventana de dialogo actualización de propiedades CSS.
     
  6. Clic en Utils >> para ver el panel de utilidades.
           
  7. Clic en el botón de Imagen para navegar a la imagen.
     
  8. Selecciona la imagen y luego clic en OK. La location of the image gets updated in the Value text field.
     
  9. Asegurese que la opción All Pages está seleccionada en la columna Scope.
     
  10. Clic OK. La propiedad background actualizada se agrega bajo la regla .MstrLogo dentro de un nuevo archivo CSS "golbal.css" bajo CSS->Customized Web Styles->style.
     
  11. Clic en A.mstrLink:hover .mstrLogo (bajo MicroStrategy Web Styles->style->mstr->mstr.css) para ampliar las propiedades definidas por esta regla.
     
  12. Haga doble clic en la propiedad background para lanzar la ventana de diálogo para actualizar las propiedades CSS.
     
  13. Clic en Utils >> to view the Utilities panel.
     
  14. Haga clic en el botón de imagen en el panel de Utilidades para desplazarse a la imagen para el efecto mouse-hover.
     
  15. Seleccione la imagen y haga clic en Aceptar. La ubicación de la imagen se actualiza en el campo de texto Valor.
     
  16. Asegurarse que All Pages esta seleccionado.
     
  17. Haga clic en OK. La actualización de la propiedad background bajo la regla A.mstrLink:hover .mstrLogo en el archivo CSS "global.css" bajo CSS->Customized Web Styles->style.  
  18. Ejecutar MicroStrategy para ver las personalizaciones.

No hay comentarios:

Publicar un comentario