Mosaico de LuckyTemplates | Cómo integrar en Power Apps

En este tutorial rápido, aprenderemos cómo integrar los informes de LuckyTemplates en Power Apps , incluida la capacidad de los usuarios de filtrar dentro de Power Apps, lo que luego se refleja en el mosaico de LuckyTemplates . Puedes ver el video completo de este tutorial en la parte inferior de este blog .

Vamos a sumergirnos y comenzar.

Lo que tenemos es un tablero de LuckyTemplates muy rápido que obtuve a partir de datos de muestra. Se llama Muestra de análisis de gastos de TI .

Tiene varios niveles de información que muestra cómo esta empresa gasta sus dólares mes tras mes. Lo tenemos por Infraestructura, y Actual versus Plan. Además, tenemos una cifra global de 5,85% por encima del presupuesto.

Básicamente, queremos replicar uno de estos mosaicos en Power Apps .

Tabla de contenido

• Integración del mosaico de LuckyTemplates en Power Apps
• Agregar el mosaico de LuckyTemplates
• Conclusión

Integración del mosaico de LuckyTemplates en Power Apps

Abra Power Apps para crear una aplicación en blanco .

Vamos a nombrar este LuckyTemplates Tile Test , seleccione el formato Tablet y haga clic en Create .

Crearemos una aplicación para tableta. También puede crear fácilmente una aplicación de teléfono.

Hay algunas cosas que debe recordar al crear mosaicos en Power Apps .

La primera es que el mosaico debe provenir de un tablero . No puede provenir de un informe porque los tableros están activos y se supone que cualquier mosaico de LuckyTemplates que coloque también está activo.

Otra cosa importante es que le mostrará cómo agregar capacidades de filtrado, pero actualmente son limitadas . Solo podemos filtrar variables relacionadas con cadenas, pero no podemos filtrar números.

Agregar el mosaico de LuckyTemplates

Dicho esto, sigamos adelante y agreguemos nuestro mosaico de LuckyTemplates. Vaya a Insertar , luego vaya a Gráficos y seleccione el icono de LuckyTemplates .

En el lado derecho, ahora podemos elegir qué mosaico queremos traer. El tablero que les mostré estaba en Mi área de trabajo , así que seleccionemos eso. El nombre del panel es Ejemplo de análisis de gastos de TI y, a continuación, el icono real de LuckyTemplates es Amount .

Ahora tenemos nuestro mosaico de LuckyTemplates. Lo bueno de esto es que tiene un tamaño dinámico, por lo que cabe en todas las pantallas.

Si hace clic en el botón Reproducir , se amplía la pantalla y se ve muy bien. Si está en un teléfono o tableta, también se ve muy bien. Además, si hace clic en él, lo lleva de vuelta al panel de control de LuckyTemplates.

Ahora podemos agregarle algunas funciones. Actualmente, esto nos muestra la cantidad para escenarios reales y diferentes para cada mes para todos los departamentos, áreas comerciales y países.

Si vamos al informe subyacente y vamos a las Tablas , podemos filtrarlo por Área comercial, Elemento de costo, Región del país, Departamento y más.

Para nuestro ejemplo, filtrémoslo por Área comercial . Procede de la tabla llamada Business Area. Resulta que tienen el mismo nombre.

Además, tenemos diferentes ejemplos entre los que podemos elegir, como BU, Distribución. Infraestructura, y así sucesivamente.

Volviendo a Power Apps, agreguemos un filtro accediendo a TileUrl correctamente.

Al final de la URL del mosaico y dentro de la cotización, escribamos &$filter=Business_x0020_Area/Business_x0020_Area eq 'Distribution' .

Una cosa a tener en cuenta es que Microsoft no permite espacios, por lo que reemplazamos los espacios con _x0020_ . Así es como Microsoft representa los espacios.

Similar al filtro OData , escribimos eq , que significa igual, y luego proporcionamos una cadena, por eso usamos Distribution . 

El filtro OData es la lógica de filtrado que usamos en Power Automate. En este caso, solo deberíamos ver las ventas o el gasto en TI donde el área comercial es igual a Distribución. 

Para asegurarnos de que funcione la adición de interactividad , debemos cambiar la propiedad clave a AllowNewAPI .

Esto es lo que le dice a Power Apps que va a ser un informe interactivo en vivo, por lo que necesitamos editarlo de falso a verdadero . Al hacer esto, interactuará con Power Apps en comparación con antes, cuando solo era estático.

Así que allí, ¡funcionó! Muestra 15 millones ahora, que es inferior a 300 millones.

Avancemos y probemos esto volviendo a TileUrl y cambiándolo a BU .

El informe se filtra de 15 millones a 40 millones, que es exactamente lo que queremos.

Lo último que necesitamos es vincular el filtro para controlar dentro de Power Apps haciendo clic en Insertar , luego yendo a Entrada y luego seleccionando Menú desplegable .

También necesitamos cambiar los elementos predeterminados 1, 2 y 3 a BU, Distribución e Infraestructura.

Luego, haga clic en el botón Reproducir para alternar entre estos.

Lo siguiente que necesitamos es asegurarnos de que la URL del mosaico esté vinculada a este menú desplegable. Para hacer eso, eliminemos BU y luego agreguemos "&Dropdown1.SelectedText.Value&".

Hemos terminado de crear un informe completo interactivo de LuckyTemplates dentro de Power Apps . Entonces, si volvemos al tablero de LuckyTemplates y seleccionamos el filtro Infraestructura, muestra 80 millones. Esto debería ser igual en Power Apps cuando lo seleccionamos.

¡Ahí tienes, funcionó perfectamente!

Cómo usar la función concurrente en Power Apps
Flujo de procesos de negocios y documentación
de Power Apps Aplicaciones controladas por modelos de Power Apps: mapas del sitio y cómo funcionan

Conclusión

En un corto período de tiempo, pudimos tomar un mosaico de LuckyTemplates y ponerlo en Power Apps. También le agregamos interactividad vinculándolo a un filtro. ¡Espero que este tutorial ayude!

Mis mejores deseos,

Enrique