¿Cómo podemos cambiar el texto en SAP Design Studio usando CSS?

Answer 1

Se aplica a:

SAP BusinessObjects Design Studio 1.1 y SAP BusinessObjects Business Intelligence Platform (4.0 SP5 o superior y 4.1). Para obtener más información, visite la página de inicio de SAP BusinessObjects Design Studio.

Resumen

Este artículo describe cómo usar el editor de estilo CSS para modificar los estilos de componentes individuales, así como el proceso de definir un estilo común para un conjunto de componentes en diferentes aplicaciones de análisis usando la clase CSS y el archivo CSS personalizado. El contenido de este está destinado a principiantes en el espacio de estudio de diseño y desarrolladores para aquellos que deseen cambiar el estilo de sus aplicaciones de análisis existentes creadas con Design Studio 1.0.

Autor: Mallikarjuna Chary Narayandas

Creado el: 08 de junio de 2013

Biografía del autor

El autor ha trabajado en varios proyectos de SAP BusinessObjects y tiene experiencia en el uso de todas las herramientas de la plataforma SAPBusinessObjects Business Intelligence. El autor tiene experiencia en trabajar con SAPBusinessObjects mobile, incluido el diseño y el acceso al contenido de BusinessObjects (Webi Reports, Crystal Reports, Dashboards, Analysis and Information Spaces) a través de IPAD / IPhone / Android.

Introducción

Este artículo describe cómo usar el editor de estilo CSS para modificar los estilos de componentes individuales, así como el proceso de definir un estilo común para un conjunto de componentes en diferentes aplicaciones de análisis usando la clase CSS y el archivo CSS personalizado. El contenido de este está destinado a principiantes en el espacio de estudio de diseño y desarrolladores para aquellos que deseen cambiar el estilo de sus aplicaciones de análisis existentes que se crearon con Design Studio 1.0.

Propiedades de estilo CSS

Design Studio ofrece diferentes propiedades relacionadas con los estilos CSS en función del nivel, como el nivel de aplicación, el nivel de componente, etc. Las siguientes secciones proporcionan los detalles de estas propiedades y su uso.

Solicitud:

CSS personalizado es la propiedad disponible en las propiedades de la aplicación para las aplicaciones de estudio de diseño y esta propiedad permite a los desarrolladores elegir cualquier archivo CSS personalizado para el diseño de la aplicación de análisis o panel de control. Consulte las secciones a continuación para leer los pasos para usar esta propiedad.

Nota: las hojas de estilo CSS funcionan correctamente en el estudio de diseño solo si están en el formato correspondiente y apropiado.

Componente:

Clase personalizada y CSS Style son las propiedades disponibles a nivel de componente dentro de las propiedades de visualización y estas propiedades permiten a los desarrolladores definir el estilo de los componentes, como el tamaño de fuente, el fondo, etc., para cada componente individual que tenga estas propiedades aplicables. La clase personalizada se puede asignar a un grupo de componentes a la vez para realizar un estilo rápido seleccionándolos usando Mayús> Seleccionar . Consulte las secciones a continuación para leer los pasos para usar estas propiedades.

Modificar el estilo CSS de la aplicación de análisis

Los desarrolladores ahora pueden cambiar el aspecto de la aplicación de análisis y sus componentes cambiando el estilo CSS existente de los componentes usando el editor de estilo CSS o definiendo el estilo CSS estándar en un conjunto de componentes o para un conjunto de aplicaciones que usan la clase CSS. Los desarrolladores pueden definir clases CSS en un archivo CSS personalizado con el estilo CSS requerido y reutilizarlo en numerosas aplicaciones de análisis diseñadas con el estudio diseñado

Pasos para cambiar el estilo CSS de componentes individuales usando el editor de estilos CSS

1. Seleccione un componente para el que desee cambiar el estilo, como el componente Texto o Panel.

2. Vaya a las propiedades en el lado derecho y haga clic en Estilo CSS para abrir el editor de estilos CSS

3. Escriba el código en el siguiente formato para cambiar el estilo del texto del componente.

Pasos para cambiar la clase CSS de componentes múltiples utilizando CSS Style Editor

1. Use Mayús> Seleccionar para elegir varios componentes similares (Ej .: Paneles) que desea actualizar la Clase CSS para asegurarse de obtener un estilo común para el conjunto de paneles seleccionados.

2. Vaya a las propiedades en el lado derecho y elija la clase CSS disponible.

Ej: Clase CSS “myPanel” del archivo “Analysis_template.css”.

Pasos para asignar un archivo CSS a la propiedad CSS personalizada de las aplicaciones

Los desarrolladores deben asegurarse de tener el archivo CSS en la carpeta raíz de la aplicación navegando a la carpeta Aplicación usando la opción Archivo> Abrir carpeta de repositorio

1. Seleccione el “Nombre de la aplicación” en el lado izquierdo en el panel de diseño

2. Vaya a las propiedades en el lado derecho y haga clic en la opción CSS personalizado y seleccione el archivo CSS de los archivos enumerados.

Métodos CSS para secuencias de comandos

Los desarrolladores pueden usar los métodos getCSSClass y setCSSClass dentro de los scripts para leer la Clase CSS o para asignar la Clase CSS a diferentes conjuntos de componentes, respectivamente.

Limitaciones

Una de las limitaciones actuales es que solo los atributos CSS (tamaño de fuente, color, peso, estilo y decoración de texto) son compatibles con los componentes de Texto y Panel. Hay muchas características nuevas planeadas para futuras versiones de Design Studio, por lo que puedo decir con seguridad que SAP haría de Design Studio la primera opción y el mejor producto para todos los requisitos de análisis y paneles en fuentes BW y HANA.

Referencias

SAP BusinessObjects Design Studio

Espacio: SAP BusinessObjects Design Studio | SCN

Para obtener más información, visite las referencias de SAP BusinessObjects Design Studio