Hola Raoul,
La respuesta corta a tu pregunta: los colocas en tu archivo de css personalizado que generalmente se coloca en la carpeta del repositorio de tu aplicación bi para luego poder vincularlo a tu aplicación bi y que esta utilice este código css.
Primera solución:
- Tienes 2 componentes de texto y has encontrado los "ids" de sus divs padres en el html generado: en tu caso, el "Texto estándar (no texto emergente)" está asociado con el id "__container0" y el "Texto emergente (mostrado solo cuando el usuario pasa el ratón sobre el Texto estándar)" está asociado con el id "__container1"
- Crea un archivo de css personalizado con el nombre, por ejemplo: "custom.css". Puedes nombrarlo como quieras, solo asegúrate de que la extensión/tipo de archivo sea .css y no .txt.
- Ahora coloca las 2 definiciones de css en este archivo de css personalizado:
- Guarda este archivo en la carpeta del repositorio de tu aplicación bi (nota: el tipo de archivo es Documento de Hoja de Estilo en Cascada):
- Ahora vincula este archivo css en tu aplicación bi junto con la extensión de archivo: custom.css:
- Guarda tu aplicación bi y ejecútala (muéstrala en el navegador). Para resolver problemas con el almacenamiento en caché del archivo css y no ver los cambios de css en tu navegador, lee esto: ¿Cómo agregar un archivo de CSS personalizado?
Saludos cordiales,
David
custom_css_file_in_repository_folder.png link_css_file_in_bi_app.png