Tematización personalizada en LuckyTemplates

Tematización personalizada en LuckyTemplates

Para la publicación de hoy, haré una revisión rápida de las personalizaciones que puede realizar editando y aplicando directamente un archivo de tema JSON. En realidad, esta no es una descripción de lo que se puede hacer dentro de LuckyTemplates, sino un ejemplo de lo que se puede lograr fuera de LuckyTemplates cuando crea temas personalizados. Puedes ver el video completo de este tutorial en la parte inferior de este blog.

Este tema no está destinado a los consumidores de informes de LuckyTemplates ni a los desarrolladores ocasionales de LuckyTemplates, sino a aquellos que están familiarizados y se sienten cómodos con la edición y creación de códigos JSON directamente.

Para implementar temas personalizados, debe sentirse cómodo con la sintaxis y la estructura de los archivos JSON y también con las herramientas del entorno de desarrollo. Usaré el código de Visual Studio para desarrollar archivos de temas JSON.

Echemos un vistazo a las personalizaciones disponibles que ya están integradas en la aplicación de escritorio LuckyTemplates. Primero, necesitamos un lienzo para mostrar nuestro trabajo. He usado el conjunto de datos de práctica de LuckyTemplates, que es un conjunto de datos de ventas simple donde las imágenes se pueden construir fácilmente. Un archivo PBIX de demostración es una sola página de informe y se han utilizado dimensiones personalizadas de 1600 x 900 para dar un poco más de espacio que el informe estándar de 1280 x 720.

Tematización personalizada en LuckyTemplates

Tabla de contenido

Uso del tema predeterminado

Echemos un vistazo a nuestro tema predeterminado aquí. Si buscamos temas y aplicamos el tema por defecto…

Tematización personalizada en LuckyTemplates

… podemos ver que solo está usando los colores estándar azul, naranja y morado.

Tematización personalizada en LuckyTemplates

Y si selecciono el tema Texto Blanco sobre Fondo Oscuro

Tematización personalizada en LuckyTemplates

… este es el tema que veremos.

Tematización personalizada en LuckyTemplates

Una revisión rápida de los conceptos básicos de JSON para temas personalizados

Definitivamente, esta no es una revisión exhaustiva sobre cómo desarrollar un archivo JSON para LuckyTemplates, sino algunos comentarios rápidos sobre los archivos JSON.

JSON significa Notación de objetos de JavaScript ; este es un formato de texto claro para archivos de datos, que consta de objetos anidados o bloques de código. Cada uno de estos tiene su propia colección de pares nombre-valor.

Los dos puntos se utilizan para separar pares de nombre y valor. Las llaves se utilizan para rodear un objeto. Los elementos de la lista están separados por comas y las listas se pueden borrar. Una lista también puede ser una matriz, que en este caso está entre corchetes.

Tematización personalizada en LuckyTemplates

Un archivo JSON de LuckyTemplates generalmente consta de tres secciones principales: nombre , colores e imágenes . La sección del nombre es en realidad la única sección obligatoria y, como puede ver, aquí es donde vamos a comenzar nuestra investigación de hoy.

Tematización personalizada en LuckyTemplates

Solo apliquemos este archivo de tema buscando temas.

Tematización personalizada en LuckyTemplates

Iremos por el tema por defecto. Verá que se utilizan los colores predeterminados.

Tematización personalizada en LuckyTemplates

Vayamos a la sección de bloques de código y copiemos el conjunto de colores alternativos.

Tematización personalizada en LuckyTemplates

Podemos pegar eso en nuestro archivo de tema JSON agregando una coma después del bloque de nombre y luego pegando el código.

Tematización personalizada en LuckyTemplates

Guardaremos el archivo del tema JSON, volveremos a LuckyTemplates y aplicaremos el tema temporal.

Ahora, podemos ver que los colores han cambiado.

Tematización personalizada en LuckyTemplates

La sección visual es, con mucho, la más grande, y aquí es donde estamos haciendo el resto de nuestro trabajo. Puede cambiar el texto fácilmente, incluida la fuente, el tamaño de la familia y el color.

Vayamos a nuestro bloc de notas para copiar el bloque de código para nuestras clases de texto y fuentes configuradas en diferentes tamaños.

Tematización personalizada en LuckyTemplates

Luego iremos a Visual Studio Code, agregaremos una columna para separar los códigos y luego pegaremos el código.

Tematización personalizada en LuckyTemplates

Una vez más, guardaremos nuestro archivo de tema. Luego volveremos a LuckyTemplates y aplicaremos los archivos de tema. Podemos ver que todos los textos ahora se han vuelto azules.

Tematización personalizada en LuckyTemplates

Una de las cosas que podemos hacer fácilmente es cambiar el color del texto. Volvamos al archivo JSON nuevamente, seleccione el color azul y reemplácelo con rojo.

Tematización personalizada en LuckyTemplates

Guardemos eso nuevamente, volvamos a LuckyTemplates e importemos el archivo de tema JSON una vez más. Ahora, podemos ver que todos los textos han cambiado a rojo.

Tematización personalizada en LuckyTemplates

Cambiar el fondo para temas personalizados

Ahora veamos el fondo de la página y configúralo en el segundo color más oscuro de nuestra paleta. Iremos a Notepad ++, tomaremos el bloque de código de fondo de nuestra página y lo copiaremos.

Tematización personalizada en LuckyTemplates

Y luego iremos a Visual Studio Code y pegaremos el código allí.

Tematización personalizada en LuckyTemplates

Luego vaya a LuckyTemplates y una vez más, aplique el tema de borrador para ver el nuevo fondo.

Tematización personalizada en LuckyTemplates

Cambiar el fondo del texto del título

Completemos nuestra demostración cambiando el fondo del texto del título al color de tema más oscuro y el color del texto a blanco. Como puede ver, no he descubierto la sintaxis adecuada para configurar el estilo de tabla y matriz a través del archivo de tema JSON. Así que usé la interfaz para cambiar el estilo de ambas imágenes a ninguna .

Tematización personalizada en LuckyTemplates

Volvamos a Notepad++ para copiar el bloque de código JSON para nuestro fondo de título.

Tematización personalizada en LuckyTemplates

Y luego vamos a Visual Studio Code para pegar el código allí.

Tematización personalizada en LuckyTemplates

Nuevamente, guardaremos nuestro tema, volveremos a LuckyTemplates y aplicaremos el tema una vez más.

Tematización personalizada en LuckyTemplates

Agregar sombras a las imágenes

También tengo algunas pequeñas demostraciones independientes que muestran algunas opciones de temas. Restablezcamos nuestro tema a la opción predeterminada. Si queremos agregar sombras a todas nuestras imágenes, podemos usar la sintaxis visualStyles y dropShadow.

Tematización personalizada en LuckyTemplates

Si vamos a LuckyTemplates y aplicamos ese archivo de tema, verá que todas nuestras imágenes tienen sombras.

Tematización personalizada en LuckyTemplates

Adición de texto de título

Si queremos asegurarnos de que todas nuestras imágenes tengan texto de título, podemos agregar algún texto de título de marcador de posición mediante la sintaxis de visualStyles, title, show y text en Visual Studio Code.

Tematización personalizada en LuckyTemplates

Si vamos a LuckyTemplates y aplicamos ese archivo de tema, notaremos que solo una de nuestras imágenes ha cambiado porque todas las demás ya están modificadas con títulos.

Tematización personalizada en LuckyTemplates

Si vamos a ir a una nueva página, crear una nueva tabla e incorporar los canales y las medidas que queremos, tenemos el texto del título predeterminado.

Tematización personalizada en LuckyTemplates

Otra cosa que podemos hacer es afectar la forma en que las nuevas imágenes escalan a su contenedor. Si restablecemos el tema predeterminado e insertamos una imagen, veremos que mantiene su relación de aspecto.

Tematización personalizada en LuckyTemplates

Si queremos usar un archivo de tema para establecer la escala de la imagen, podemos usar la sintaxis visualStyles, image, imageScaling y image ScalingType.

Tematización personalizada en LuckyTemplates

Si cambiamos a LuckyTemplates y agregamos ese tema, veremos que la relación de aspecto ahora se puede cambiar para la imagen existente.

Tematización personalizada en LuckyTemplates

Y si agregamos nuevas imágenes, podemos ver nuevamente que la escala ahora está configurada para ajustarse.

Tematización personalizada en LuckyTemplates

Otras cosas para recordar en temas personalizados

La configuración de transparencia de fondo de la página en el archivo JSON no parece tenerse en cuenta, por lo que usé la interfaz para establecer el nivel de transparencia de fondo de la página en 0 antes de que comenzara la demostración.

La configuración para el estilo de tabla y matriz tampoco parece tenerse en cuenta. Así que usé la interfaz para establecer el estilo de tabla y matriz en ninguno.

Order does seem to be important in JSON theme files so if you find that a particular setting is not being taken into account, try reordering the setting of interest higher or earlier in the code.

Existing visuals may not fully respond to theme files, especially if they’ve had any format settings already applied.

Tematización personalizada en LuckyTemplates

Creating Themes, Company Logos, Icons and Backgrounds
How To Select LuckyTemplates Color Theme For Your Reports
How To Create Compelling LuckyTemplates Color Palette

Conclusion

If you’re a relative neophyte in JSON coding, especially in LuckyTemplates, please take all the examples I’ve used with a grain of salt. I expect that those more experienced and familiar with JSON theme coding within LuckyTemplates will produce much better and more legible code.

Finalmente, solo quería compartir algunas de mis experiencias iniciales y mostrar algunas de las personalizaciones que encontré en la tematización personalizada. Hay una multitud de configuraciones disponibles para la creación de temas JSON de LuckyTemplates, y aquellos que estén dispuestos a invertir tiempo y esfuerzo para investigar los recursos en línea disponibles pueden desarrollar iterativamente archivos de temas útiles.

Un excelente punto de partida es la pestaña de propiedades del generador de temas avanzado de PowerBI.tips, donde puede usar su interfaz de usuario para generar archivos de temas JSON para todos los tipos visuales o para tipos específicos. Con suerte, puede agregar codificación de temas JSON personalizados a su caja de herramientas de LuckyTemplates y puede ayudar a estandarizar sus informes y ahorrarse algo de trabajo en el futuro.

greg


Time Intelligence en LuckyTemplates: cómo calcular el número de transacciones realizadas en los últimos N días

Time Intelligence en LuckyTemplates: cómo calcular el número de transacciones realizadas en los últimos N días

Descubra cómo calcular el total de transacciones realizadas en los últimos N días y obtenga información útil utilizando la inteligencia de tiempo en LuckyTemplates.

Cómo evaluar clústeres en sus datos mediante la técnica DAX en LuckyTemplates

Cómo evaluar clústeres en sus datos mediante la técnica DAX en LuckyTemplates

En este tutorial, demuestro cómo mostrar clústeres en sus datos permite extraer información valiosa usando técnicas DAX avanzadas.

¿Cuánto personal tenemos actualmente? Lógica de fechas múltiples en LuckyTemplates usando DAX

¿Cuánto personal tenemos actualmente? Lógica de fechas múltiples en LuckyTemplates usando DAX

En este tutorial, aprenderá a calcular la <strong>población actual del personal</strong> para las relaciones múltiples de la tabla de calendario mediante la función COUNTROWS y FILTER en LuckyTemplates.

Hacer una solicitud HTTP en Power Automate

Hacer una solicitud HTTP en Power Automate

Aprenda a crear una solicitud HTTP con Power Automate y cómo implementar soluciones efectivas para la automatización de tareas.

Programe un flujo de escritorio para que se ejecute en Power Automate

Programe un flujo de escritorio para que se ejecute en Power Automate

En este tutorial, aprenda cómo programar un flujo de escritorio en Power Automate para automatizar tareas en la web y su escritorio.

Power Automate Terminar Control de acción en flujos

Power Automate Terminar Control de acción en flujos

Aprenda a usar correctamente el control Terminar acción de Power Automate que termina las acciones en un flujo si no se cumple alguna de las condiciones.

Power Query: combinar archivos de varias carpetas

Power Query: combinar archivos de varias carpetas

Aprenda a combinar archivos de varias carpetas en su red, escritorio, OneDrive o SharePoint utilizando Power Query.

Tipos de flujo de Power Automate y cuándo usarlos

Tipos de flujo de Power Automate y cuándo usarlos

En este blog, analizamos las similitudes y diferencias entre los tipos de flujo de Power Automate y determinamos cuándo usar cada flujo. Encuentra la mejor opción de automatización.

Conectores de Power Automate: número, texto y fecha y hora

Conectores de Power Automate: número, texto y fecha y hora

Familiarízate con algunos conectores Power Automate integrados que transforman cadenas en otro formato: número, texto y fecha y hora.

Tutorial del analizador VertiPaq: relaciones e integridad referencial

Tutorial del analizador VertiPaq: relaciones e integridad referencial

Este tutorial detallado sobre el analizador VertiPaq en DAX Studio le enseñará cómo usar la pestaña Relaciones para optimizar su DAX y resolver problemas de integridad referencial.