Tema de LuckyTemplates: cómo simular temas dinámicos

Para la publicación de blog de hoy, quiero hablar sobre una técnica que podemos usar para simular temas dinámicos en un informe de LuckyTemplates . Recientemente tuvimos algunas publicaciones en el foro de soporte de LuckyTemplates preguntando cómo cambiar el tema de un informe de LuckyTemplates dinámicamente. En un caso, el usuario buscó tener una sola página de contenido que reflejara el tema de múltiples departamentos o categorías. Puedes ver el video completo de este tutorial en la parte inferior de este blog.

A partir de mayo de 2021, solo se puede usar un único archivo JSON de tema en un informe de LuckyTemplates y una página solo puede tener un fondo. Es por esto que se necesita otra técnica para lograr el objetivo establecido.

Pensé en usar marcadores (en lugar de navegación de página) e imágenes (en lugar de fondos de página) para simular un tema dinámico y decidí intentarlo.

Esto es lo que he encontrado hasta ahora. Esta es una página de inicio que tiene cuatro botones.

Hay uno para cada categoría de envío. Si pasa el cursor sobre cada categoría, puede ver que el comportamiento de desplazamiento está cambiando su transparencia.

Si hago clic en el botón Air, me llevará a una página de categoría que tiene el mismo tema (avión como fondo) que el botón Air.

Si hago clic en el botón Mar, irá a la página de la categoría Mar con el mismo tema (barco con carga como fondo).

Nuevamente, si hago clic en el otro botón para Ferrocarril, muestra otro tema (ferrocarril como fondo).

Puede ver que solo hay dos páginas involucradas en este informe. Para construir la solución, comencé con un PBIX en blanco, luego agregué un pequeño conjunto de datos de envío basado en el que usamos en el reciente .

Tabla de contenido

• Configuración del informe de LuckyTemplates
• Creación de medidas de visualización
• Crear un botón de inicio
• Hacer una rebanadora para las categorías
• Agregar el título
• Crear y formatear la tabla
• Hacer la página de inicio
• Conclusión

Configuración del informe de LuckyTemplates

Luego busqué en línea y encontré algunas imágenes que representaban los diferentes modos o categorías de envío. Luego lo seguí generando un tema de color básico usando el generador de temas de color en LuckyTemplates Analyst Hub.

Elegí azul oscuro medio como punto de partida, luego usé la función de abanico de colores para generar un tema de seis colores, que luego usé para personalizar el tema de este informe de LuckyTemplates.

Finalmente, desarrollé algunas medidas DAX para devolver el texto y el color de fondo o fuente usando los temas deseados. Echemos un vistazo rápido.

Abriremos nuestras Medidas clave , luego revisaremos nuestra carpeta Medidas de color . Theme Color 6 es solo un código hexadecimal para uno de mis temas, mientras que Theme Color 5 es mi color inicial azul medio.

Creación de medidas de visualización

Luego iremos a las Medidas de visualización y luego haremos clic en la medida Texto del título de la tabla .

Esto tiene un valor que está determinado por la categoría actual y creado usando una sentencia .

Si observamos la medida Color de fondo de la fuente del título de la tabla , utiliza exactamente la misma instrucción SWITCH TRUE según la categoría; pero esta vez, devuelve una medida de tema de color.

Tengo una medida similar para el color de la fuente, llamada Color de fuente del título de la tabla , que devuelve un negro más ancho que contrasta bien con el color del tema.

Y, por último, tengo una medida Color de fondo de la tabla , que es un duplicado de mi medida Color de fondo de la fuente del título de la tabla, pero con un nombre diferente para que sea más fácil de configurar.

También tenemos una pequeña tabla en la parte inferior para que podamos ver cuáles son los resultados de esas medidas.

Eso es todo para la configuración. Ahora, construyamos la solución juntos y comencemos con una página de inicio para que tengamos algo a lo que navegar.

Crear un botón de inicio

Crearemos una página de Contenido 2 y agregaremos una imagen para Inicio .

Lleve la imagen a una esquina, hágala un poco más pequeña y configure su acción para navegar a la página de inicio.

Hacer una rebanadora para las categorías

Luego agregaremos una segmentación para categorías y haremos que la segmentación sea de selección única .

Agregar el título

El siguiente paso es agregar un cuadro de texto en la esquina superior izquierda para el título. Llamémoslo Transporte ABC y agreguemos una medida a nuestra categoría.

El título cambia cuando hacemos diferentes selecciones en nuestra cortadora. También podemos cambiar el color y el tamaño de la fuente.

Lo siguiente que debe hacer es agregar una imagen para cada categoría. Agreguemos la primera imagen para el envío aéreo. Lo configuraremos en tamaño 1280 y 720 para tamaño completo. Vamos a nombrar esto en el panel de selección.

Crear y formatear la tabla

Haremos los mismos pasos para las imágenes adicionales y luego agregaremos una tabla. Agreguemos una nueva tabla a esta tabla. Lo pondremos en la categoría para que podamos verlo desde nuestra tabla de envíos, así como el país de origen y el país de destino. Desde nuestra categoría de medidas clave, también agregaremos las medidas que ya hemos calculado.

Lo siguiente que debe hacer es formatear la tabla. Estableceremos el texto del título primero en la medida que ya hemos calculado.

Una vez que hacemos clic en la segmentación, podemos ver que el título de la tabla cambia según la selección que hacemos en la segmentación.

También podemos cambiar el color de fuente de la tabla, el fondo de la tabla y la transparencia.

El siguiente paso es agregar un marcador para cada imagen.

Hacer la página de inicio

Eso es todo para la página de contenido. Pasemos a la página de inicio. Para comenzar, agregaremos un botón en blanco aquí.

Vamos a desactivar el contorno y ajustar su tamaño a 400 y 250.

Luego vamos a completar una imagen para este botón.

Estableceremos el ajuste de la imagen para ajustar y la transparencia en 0% para Al pasar el mouse para que podamos ver que el botón se vuelve transparente cuando no está seleccionado.

Lo siguiente que debe hacer es agregarle una acción de marcador . Active el botón deslizante Acción y cámbielo a Marcador. Seleccione la página Aire 2.

El siguiente paso es establecer el título. Podemos convertirlo en un color transparente para que no podamos verlo.

Haremos esto tres veces más copiando y pegando la imagen. Luego los ajustaremos para representar cada categoría.

Para el segundo botón, vamos a cambiar el relleno de envío aéreo a envío marítimo .

Luego cambie la imagen para que quepa y cambie el nombre. Luego cambiaremos este color de fondo a un tema diferente.

Para el tercer botón, cambiaremos el relleno de envío aéreo a envío por carretera .

Nuevamente, cambiaremos el ajuste de la imagen para que se ajuste y cambiaremos el color de fondo del título.

Y para nuestro botón final, cambiaremos el relleno de envío aéreo a envío ferroviario .

Y nuevamente, debemos configurar la imagen para que se ajuste y cambiar el color del fondo a un tema diferente.

En la página del botón de aire, teníamos la acción seleccionada como Bookmark Air 2. Para los otros tres botones, necesitamos cambiar la acción seleccionada. Por ejemplo, en la página del botón del mar, debemos agregarlo a Bookmark Sea 2.

Conclusión

Así que ahora tenemos nuestra solución recién construida. Cuando presionamos control y hacemos clic en la página de inicio, se nos lleva a la página de contenido 2 donde se muestra la imagen de fondo de pantalla completa apropiada para la categoría seleccionada. Podemos usar el botón de inicio para navegar de regreso a la página de inicio 2.

A partir de mayo de 2021 , la versión actual de escritorio de LuckyTemplates permite configurar las siguientes propiedades para la tabla:

Las propiedades restantes no se pueden establecer mediante programación en este momento. Pero si es necesario, se puede aprovechar una solución usando varias tablas visuales , una para cada categoría y luego ajustar las propiedades y la visibilidad del producto individualmente como se desee.

Esto puede ser un poco más complicado, pero es posible una flexibilidad adicional. La experiencia demuestra que las propiedades adicionales se podrán personalizar en versiones futuras del escritorio de LuckyTemplates.

Con suerte, el equipo de LuckyTemplates agregará la capacidad de usar varios temas en un informe. Pero por ahora, aquí hay una técnica que te permite simular diferentes temas.

Gracias por mirar y le deseo todo lo mejor en su viaje de LuckyTemplates.

greg