Menú de navegación dinámica mediante filtros de LuckyTemplates

En este tutorial, le mostraré cómo puede crear el menú de navegación dinámico definitivo utilizando filtros en LuckyTemplates. Esto aumentará la experiencia del usuario dentro de sus informes de LuckyTemplates. Puedes ver el video completo de este tutorial en la parte inferior de este blog.

Tiene muchas opciones en LuckyTemplates. Puede tener filtros que se muestran en la página y menús de navegación que lo dirigen a diferentes páginas de su informe. Puede tener un menú de filtros dinámicos que se puede abrir y cerrar al hacer clic en botones específicos. También puede crear un menú de filtro completamente dinámico que se puede abrir al hacer clic en un botón, pero se puede cerrar al hacer clic.

Le mostraré cómo crear este menú y cómo puede implementar la misma técnica dentro de sus informes.

Tabla de contenido

• Cómo agregar un menú de navegación dinámica
  • Crear el botón en blanco
  • Cambiar el nombre de los elementos
  • Mantener el orden de las capas
  • Crear los marcadores para un menú de navegación dinámica
• Conclusión

Cómo agregar un menú de navegación dinámica

Primero, abramos el panel Selección y el panel Marcador también. A continuación se muestra el informe que he creado y puede ver en el panel de selección que he creado un menú de navegación. Este menú de navegación está compuesto por todos los elementos dentro del menú dinámico.

Es muy importante que agrupes todos los elementos y los coloques en orden descendente. Como puede ver, tengo los títulos, los filtros, la forma y luego tengo un botón de cierre.

Crear el botón en blanco

Este botón de cierre es en realidad un botón en blanco, así que vamos a crear uno.

Vamos a la pestaña Insertar , luego a Botones , y luego seleccionamos En blanco .

Es un botón en blanco que se colocó así, cubriendo toda la página, estirándola por completo. Luego apagamos el Fondo.

Cambiar el nombre de los elementos

Como puede ver, cada elemento que hicimos en la página se indicará en la parte superior de la Selección. Así que tenemos que hacer doble clic sobre él y cambiar el nombre del elemento . Será fácil entender lo que estamos viendo.

Y luego, lo arrastramos hacia abajo hasta la posición que creas necesaria.

Puede ver que también creé una pequeña imagen que muestra un icono, lo que significa que se borrarán los filtros.

Mantener el orden de las capas

Ahora que hemos creado el menú y los botones, hemos nombrado los elementos y los hemos agrupado en el orden correcto, debemos asegurarnos de mantener el orden de las capas . Esto significa que todos los elementos de esta página deben tener activada la opción Mantener orden de capas . Esto es muy importante para mantener el menú siempre debajo de los otros elementos del menú. Es el mismo caso para el botón en blanco, que debe estar en nuestro menú de forma.

Crear los marcadores para un menú de navegación dinámica

Lo siguiente que tenemos que hacer para configurar nuestro menú dinámico es crear marcadores. Entonces, crearemos un marcador y lo llamaremos Navegación abierta . Si hacemos clic en él, tenemos más opciones y podemos ver que tenemos Datos, Pantalla, Página actual y Todas las imágenes seleccionadas por defecto. No queremos tener todas estas opciones seleccionadas.

Por ejemplo, si tenemos Datos seleccionados, y el usuario final seleccionará otro campo en la página, digamos Todas las fechas, cuando abra el menú, la selección no será visible en la pantalla. Así que no queremos eso.

Tampoco queremos tener Todos los Visuales seleccionados. Queremos tener solo el menú de navegación abierto. Por lo tanto, haremos clic en Navegación, luego en Navegación abierta y luego en Visual seleccionado.

Ahora, queremos darle una acción a este botón . Entonces, este botón también es un botón en blanco que tiene una acción para ir, digamos, Navegación abierta, que es el marcador que acabamos de crear.

Entonces, con este marcador, la página no cambiará si abrimos el menú. Por ejemplo, si hago una selección en la página, digamos los últimos 6 meses, los resultados de la página cambian. Y luego, cuando hago clic en el menú, puede ver que todas las selecciones que hice antes todavía están allí.

El segundo marcador que queremos hacer es el menú de cierre. Entonces, llamémoslo el marcador de cierre de navegación . Una vez más, vamos a opciones, quitamos Datos, luego elegimos Imágenes seleccionadas y luego actualizamos.

Para la acción, vamos a Button Close Navigation, luego seleccionamos Navigation Close.

Con eso, podemos abrir el menú y cerrarlo si hacemos clic alrededor. Si pinchamos dentro de él, quedará abierto.

Conclusión

Estos son los pasos que necesita para crear un menú de navegación dinámico. Tienes que crear tu menú con los botones, agruparlos dándoles nombres propios y asegurarte de que todos los elementos tengan activada la opción Mantener orden de capas.

A continuación, debe crear acciones para abrir el menú, el filtro en blanco en la página y tres marcadores.

Es todo por hoy. Espero que encuentres útil este tutorial. Estoy seguro de que al implementar estos sencillos pasos, puede crear los mismos tipos de menús dentro de sus informes de LuckyTemplates .

¡Mis mejores deseos!

Experiencia de navegación de informes de LuckyTemplates de alta calidad
Aplicaciones de LuckyTemplates e ideas de navegación brillantes
Técnicas de navegación detallada de LuckyTemplates