Informes interactivos de LuckyTemplates: navegación y marcadores

La navegación de páginas es importante en los informes de LuckyTemplates para aprovechar el rendimiento y la experiencia del usuario. Por otro lado, los marcadores le permiten guardar las vistas y configuraciones configuradas actualmente en sus informes. En este tutorial, hablaré sobre cómo obtener ideas de navegación para sus informes interactivos de LuckyTemplates . También explicaré cómo crear y administrar sus marcadores.

Tabla de contenido

Ejemplo de idea de navegación para informes interactivos de LuckyTemplates

Muchas personas tienen dificultades para encontrar ideas de navegación creativas para los informes interactivos de LuckyTemplates. Pero hablando honestamente, puede navegar a través de varios sitios web y verá que las navegaciones de página están en todas partes.

En este informe que creé, encontré esta idea de navegación a través de mi computadora personal.

Informes interactivos de LuckyTemplates: navegación y marcadores

Por ejemplo, traté de poner este color en mi informe.

Informes interactivos de LuckyTemplates: navegación y marcadores

Sin embargo, el tema de mi informe era bastante diferente. Entonces, lo mezclé con un color diferente.

Informes interactivos de LuckyTemplates: navegación y marcadores

En este ejemplo, utilicé el ícono de Windows en mi computadora con una herramienta de captura de pantalla.

Informes interactivos de LuckyTemplates: navegación y marcadores

También capturé una captura de pantalla de este fondo en blanco.

Informes interactivos de LuckyTemplates: navegación y marcadores

Utilicé esto para mi navegación y información sobre herramientas.

Informes interactivos de LuckyTemplates: navegación y marcadores

Si desea obtener algunos íconos para su navegación, puede ir al sitio web de flaticon .

Informes interactivos de LuckyTemplates: navegación y marcadores

Desde allí, también puede editar los iconos y cambiar su color haciendo clic en el botón Editar icono .

Informes interactivos de LuckyTemplates: navegación y marcadores

Solo tienes que registrarte en esta web para modificar y descargar tu icono. 

Informes interactivos de LuckyTemplates: navegación y marcadores

Si va al sitio web , también puede encontrar algunas ideas de navegación. Un ejemplo es este cuadro de chat emergente. Si desea mostrar cierta información en su informe, definitivamente puede usar esto. 

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego, si desea mostrar algunas ideas clave, puede usar este feed.

Informes interactivos de LuckyTemplates: navegación y marcadores

Uso de encabezados como navegación en los informes de LuckyTemplates

Otra cosa genial que puedes hacer es hacer que tus encabezados sean tu navegación. Por ejemplo, no he usado ningún icono aquí. En cambio, usé encabezados en el informe.

Informes interactivos de LuckyTemplates: navegación y marcadores

Si hago clic en un encabezado, me llevará a la página correspondiente.

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego, si hago clic en 01 en la esquina superior derecha, me llevará de vuelta a la página de inicio.

Informes interactivos de LuckyTemplates: navegación y marcadores

En este tutorial, acabo de presentar algunas de las ideas más básicas.

Lo siguiente que mostraré es cómo crear y administrar marcadores en sus informes interactivos de LuckyTemplates.

Marcadores de navegación de página para informes interactivos de LuckyTemplates

Los marcadores se utilizan para almacenar la vista configurada actualmente de una página de informe, incluidos los filtros , las segmentaciones y el estado de las imágenes. A continuación, puede hacer referencia a ese estado capturado cuando seleccione el marcador correspondiente. El marcador más fácil que puede crear es la navegación de páginas.

1. Agregar el ícono

Cualquier imagen que inserte en LuckyTemplates ahora puede manejar marcadores. Por ejemplo, insertaré una imagen aquí.

Informes interactivos de LuckyTemplates: navegación y marcadores

Puedo crear una página de navegación con esta imagen habilitando la opción Acción en la sección Formato de imagen .

Informes interactivos de LuckyTemplates: navegación y marcadores

Establezca el campo Tipo en Navegación de página

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego, seleccione el destino de la navegación de esta página en el campo Destino . Para este ejemplo, elegiré la página Proveedores .  

Informes interactivos de LuckyTemplates: navegación y marcadores

2. Agregar información sobre herramientas

La información sobre herramientas es el texto que aparecerá cuando pase el cursor sobre un elemento determinado. De forma predeterminada, mostrará " CTRL + haga clic aquí para seguir el enlace ".

Informes interactivos de LuckyTemplates: navegación y marcadores

Será bueno que pongamos alguna indicación a las navegaciones de nuestra página. Esto es para que nuestros usuarios finales sepan a dónde los llevará esta determinada navegación.  

Entonces, para este ejemplo, escribiré " Ir al proveedor de la página ".

Informes interactivos de LuckyTemplates: navegación y marcadores

Si paso el cursor sobre el icono de la imagen, mostrará ese texto.

Informes interactivos de LuckyTemplates: navegación y marcadores

Si hago clic en él, me llevará a la página de proveedores .

Informes interactivos de LuckyTemplates: navegación y marcadores

Ejemplo de marcador complejo para informes interactivos de LuckyTemplates

Otros marcadores son bastante complejos. Por ejemplo, este icono de Windows es para un panel de navegación .

Informes interactivos de LuckyTemplates: navegación y marcadores

Si hago clic en esta imagen, se mostrará mi panel de navegación.

Informes interactivos de LuckyTemplates: navegación y marcadores

Puede administrar de manera efectiva sus marcadores yendo a la pestaña Ver y luego haciendo clic en la opción Selección .

Informes interactivos de LuckyTemplates: navegación y marcadores

En el panel Selección , puede ver las capas o el orden de las capas de sus marcadores o navegación.

Informes interactivos de LuckyTemplates: navegación y marcadores


Si hago clic en el panel de navegación en el panel de selección , también seleccionará el panel de navegación en la página del informe.

Informes interactivos de LuckyTemplates: navegación y marcadores

Además, puedo agrupar y cambiar el nombre de los elementos/objetos de mi navegación o marcadores en el panel de selección .

Informes interactivos de LuckyTemplates: navegación y marcadores

También es posible organizar la visibilidad de los objetos o elementos que desea mostrar. Para este ejemplo, el botón de Windows es la imagen en la página del informe que muestra el panel de navegación.

Informes interactivos de LuckyTemplates: navegación y marcadores

Si lo arrastro debajo de la capa Forma de navegación , verá que se ocultará. Esto se debe a que el ícono de Windows ahora está detrás del panel de navegación.

Informes interactivos de LuckyTemplates: navegación y marcadores

Recreando el panel de navegación

Volveré a crear el panel de navegación para ayudarlo a comprender más sobre el panel de selección y para que aprenda a crear marcadores complejos.

Dejé una copia de estos 3 objetos aquí para que no necesite importarlos nuevamente.

Informes interactivos de LuckyTemplates: navegación y marcadores

1. Insertar y modificar el icono de Windows

Primero, inserté la imagen de Windows.

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego, renombré esta imagen como Botón de Windows .

Informes interactivos de LuckyTemplates: navegación y marcadores

Para que se vea mejor, configuré la Escala en Normal l.

Informes interactivos de LuckyTemplates: navegación y marcadores

Lo redimensioné para hacerlo más pequeño. Luego, lo coloqué en la esquina inferior izquierda de la página.

Informes interactivos de LuckyTemplates: navegación y marcadores

También hice este encabezado visual transparente.

Informes interactivos de LuckyTemplates: navegación y marcadores

Para hacer eso, habilité esta parte aquí.

Informes interactivos de LuckyTemplates: navegación y marcadores

Configuré la Transparencia al 100% y la deshabilité nuevamente.

Informes interactivos de LuckyTemplates: navegación y marcadores

Ahora, se ve más limpio porque el encabezado visual ya está oculto.

Informes interactivos de LuckyTemplates: navegación y marcadores

2. Insertar y modificar el fondo y otros elementos

Después de eso, inserté el fondo del panel de navegación.

Informes interactivos de LuckyTemplates: navegación y marcadores

También es mejor hacer que el encabezado visual sea transparente. Simplemente actívelo aquí, configure la Transparencia al 100% y desactívelo nuevamente.

Informes interactivos de LuckyTemplates: navegación y marcadores

Elegí Ajustar para la opción Escala .

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego, lo cambié de tamaño.

Informes interactivos de LuckyTemplates: navegación y marcadores

Mi botón de Windows está oculto porque está detrás de la forma. Entonces, en el panel Selección , arrastré el botón de Windows sobre la capa Imagen para que sea visible.

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego, cambié el nombre de la capa Imagen como NavBackground .

Informes interactivos de LuckyTemplates: navegación y marcadores

Lo siguiente que hice fue arrastrar este ícono aquí. Esto servirá como mi icono de cierre para el panel de navegación. 

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego, moví este ícono de filtro aquí también.

Informes interactivos de LuckyTemplates: navegación y marcadores

Ambos están ocultos porque actualmente están detrás de NavBackground . Me aseguré de ponerlos encima de la capa NavBackground .

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego arrastré la máquina de cortar aquí.

Informes interactivos de LuckyTemplates: navegación y marcadores

Lo dupliqué para crear un total de 4 cortadores.

Informes interactivos de LuckyTemplates: navegación y marcadores

3. Agrupando los Elementos

Después de eso, seleccioné todas las cortadoras y las agrupé. Al agrupar, puede hacer clic derecho sobre ellos y seleccionar Agrupar .

Informes interactivos de LuckyTemplates: navegación y marcadores

También puede ir a la pestaña Formato , luego hacer clic en la opción Grupo .

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego, cambié el nombre del grupo a Slicers en el panel Selección .

Informes interactivos de LuckyTemplates: navegación y marcadores

Seleccioné todos los elementos en este panel de navegación y los agrupé.

Informes interactivos de LuckyTemplates: navegación y marcadores

Cambié el nombre del grupo como Panel de navegación .

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego, arrastré la capa Botón de Windows nuevamente sobre el grupo Panel de navegación para que sea visible.

Informes interactivos de LuckyTemplates: navegación y marcadores

Creación de marcadores para informes interactivos de LuckyTemplates

Para crear marcadores, simplemente vaya a la pestaña Ver , luego haga clic en la opción Marcadores .

Informes interactivos de LuckyTemplates: navegación y marcadores

1. Crear el marcador para mostrar el panel de navegación

Primero, crearé un marcador para la capa Botón de Windows donde se mostrará el panel de navegación al hacer clic en él. 

Entonces, mientras se muestra el Panel de navegación, creé un marcador haciendo clic en el botón Agregar en el panel Marcadores .

Informes interactivos de LuckyTemplates: navegación y marcadores

Le cambié el nombre a ShowNavPanel (Mostrar panel de navegación). 

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego, hice clic derecho sobre él. No tengo ningún dato en este momento, así que desmarcaré Data .

Informes interactivos de LuckyTemplates: navegación y marcadores

Hice clic derecho en él nuevamente, luego seleccioné Actualizar .

Informes interactivos de LuckyTemplates: navegación y marcadores

Ahora, también quiero crear un marcador para ocultar el panel de navegación. Para hacerlo, primero ocultaré el grupo Panel de navegación haciendo clic aquí.

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego, agregué otro marcador y lo nombré como HideNavPanel (Ocultar panel de navegación).

Informes interactivos de LuckyTemplates: navegación y marcadores

Hice clic derecho sobre él y desmarqué Data .

Informes interactivos de LuckyTemplates: navegación y marcadores

Hice clic derecho sobre él de nuevo y luego hice clic en Actualizar .

Informes interactivos de LuckyTemplates: navegación y marcadores

Después de eso, necesito asignar los marcadores en la imagen del botón de Windows. Para hacer eso, me aseguré de que esté seleccionado.

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego, habilité la opción Acción .

Informes interactivos de LuckyTemplates: navegación y marcadores

En la selección Tipo , seleccioné Bookmark .

Informes interactivos de LuckyTemplates: navegación y marcadores

En la selección Marcador , seleccioné el marcador ShowNavPanel .

Informes interactivos de LuckyTemplates: navegación y marcadores

Para el campo Información sobre herramientas , escribí " Mostrar NavPanel ".

Informes interactivos de LuckyTemplates: navegación y marcadores

Entonces, cuando paso el mouse sobre la imagen del botón de Windows, se mostrará una información sobre herramientas que muestra " Mostrar NavPanel ".

Informes interactivos de LuckyTemplates: navegación y marcadores

2. Creación del marcador para ocultar el panel de navegación

Lo siguiente es agregar un marcador para este ícono que cerrará el Panel de navegación al hacer clic en él. Nuevamente, me aseguré de que este ícono esté seleccionado.

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego, habilité la Acción , seleccioné Marcador en la selección Tipo y seleccioné HideNavPanel .

Informes interactivos de LuckyTemplates: navegación y marcadores

Para la información sobre herramientas , escribí HideNavPanel .

Informes interactivos de LuckyTemplates: navegación y marcadores

Ahora, si paso el mouse sobre este icono, se mostrará " HideNavPanel ".

Informes interactivos de LuckyTemplates: navegación y marcadores

Si hago clic en él, ocultará el panel de navegación.

Informes interactivos de LuckyTemplates: navegación y marcadores

Si hago clic en el botón de Windows, se mostrará el panel de navegación.

Informes interactivos de LuckyTemplates: navegación y marcadores

3. Creando el marcador de filtro claro

Lo último que debo hacer es crear un marcador Borrar filtro para este icono.

Informes interactivos de LuckyTemplates: navegación y marcadores

Este marcador siempre establecerá la pantalla en el estado predeterminado que creé en este marcador. Por ejemplo, configuraré $15 como valor predeterminado para el campo Costo/hora de tiempo de inactividad .

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego, agregué un marcador y lo nombré ClFilter (Borrar filtro).

Informes interactivos de LuckyTemplates: navegación y marcadores

Hice clic con el botón derecho en él y desmarqué Mostrar , ya que no lo necesitaré.

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego elegí Actualizar .

Informes interactivos de LuckyTemplates: navegación y marcadores

Lo siguiente es asignar ese marcador en el icono de Filtro . Primero, me aseguré de que el ícono esté seleccionado. 

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego, habilité la Acción , me aseguré de que el Tipo seleccionado sea Marcador , seleccioné ClFilter en la selección de Marcador y escribí " Borrar filtro " para la Información sobre herramientas .

Informes interactivos de LuckyTemplates: navegación y marcadores

Ahora, ingresemos $24 aquí.

Informes interactivos de LuckyTemplates: navegación y marcadores

Luego, hagamos clic en el icono Borrar filtro .

Informes interactivos de LuckyTemplates: navegación y marcadores

Como puede ver, recuperó el estado predeterminado que configuré, que es $15 .   

Informes interactivos de LuckyTemplates: navegación y marcadores

Así es como puede crear y administrar fácilmente sus marcadores en su informe.


Aplicaciones de LuckyTemplates e ideas de navegación brillantes
Marcadores en LuckyTemplates: agrupación por página de informe
Informes interactivos en LuckyTemplates | Tutorial de LuckyTemplates
 

Conclusión

En resumen, hay muchas cosas interesantes que puede hacer sin tener que dedicar mucho tiempo a su navegación. En caso de que desee más ideas de navegación, puede volver a los diferentes desafíos de LuckyTemplates . Hemos tenido más de 10 desafíos hasta ahora en el foro LuckyTemplates. 

También aprendió lo fácil que es crear marcadores para sus informes de LuckyTemplates. Puede administrarlos de manera eficiente nombrando las imágenes, los íconos y las segmentaciones.

Consulte los enlaces a continuación para obtener más ejemplos y contenido relacionado.

¡Salud!

Mudassir

Leave a Comment

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.