Menu de navigation dynamique à laide des filtres LuckyTemplates

Dans ce didacticiel, je vais vous montrer comment créer le menu de navigation dynamique ultime à l'aide de filtres dans LuckyTemplates. Cela augmentera l'expérience utilisateur dans vos rapports LuckyTemplates. Vous pouvez regarder la vidéo complète de ce tutoriel au bas de ce blog.

Vous avez beaucoup d'options dans LuckyTemplates. Vous pouvez avoir des filtres qui s'affichent sur la page et des menus de navigation qui vous dirigent vers différentes pages de votre rapport. Vous pouvez avoir un menu de filtres dynamiques qui peut être ouvert et fermé en cliquant sur des boutons spécifiques. Vous pouvez également créer un menu de filtres entièrement dynamique qui peut être ouvert en cliquant sur un bouton mais peut être fermé en cliquant autour.

Je vais vous montrer comment créer ce menu et comment vous pouvez implémenter la même technique dans vos rapports.

Table des matières

• Comment ajouter un menu de navigation dynamique
  • Création du bouton vide
  • Renommer les éléments
  • Maintenir l'ordre des calques
  • Création des signets pour un menu de navigation dynamique
• Conclusion

Comment ajouter un menu de navigation dynamique

Tout d'abord, ouvrons le volet Sélection , ainsi que le volet Signet . Vous trouverez ci-dessous le rapport que j'ai créé et vous pouvez voir dans le volet Sélection que j'ai créé un menu de navigation. Ce menu de navigation est composé de tous les éléments à l'intérieur du menu dynamique.

Il est très important de regrouper tous les éléments et de les classer par ordre décroissant. Donc, comme vous pouvez le voir, j'ai les titres, les filtres, la forme, puis j'ai un bouton de fermeture.

Création du bouton vide

Ce bouton de fermeture est en fait un bouton vide, alors créons-en un.

Nous allons dans l' onglet Insérer , puis Boutons , puis sélectionnez Vide .

C'est un bouton vide qui a été positionné comme ça, couvrant toute la page, en l'étirant complètement. Ensuite, nous désactivons l'arrière-plan.

Renommer les éléments

Comme vous pouvez le voir, chaque élément que nous avons créé sur la page sera indiqué en haut de la sélection. Nous devons donc double-cliquer dessus et renommer l'élément . Il sera facile de comprendre ce que nous regardons.

Et puis, nous le faisons glisser jusqu'à la position que vous jugez nécessaire.

Vous pouvez voir que j'ai également créé une petite image qui montre une icône, ce qui signifie que les filtres seront effacés.

Maintenir l'ordre des calques

Maintenant que nous avons créé le menu et les boutons, nommé les éléments et les avons regroupés dans le bon ordre, nous devons nous assurer que nous maintenons l'ordre des calques . Cela signifie que chaque élément de cette page doit avoir l' option Maintenir l'ordre des calques activée. Ceci est très important pour que le menu reste toujours sous les autres éléments du menu. C'est le même cas pour le bouton Vide, qui doit être sous notre menu Forme.

Création des signets pour un menu de navigation dynamique

La prochaine chose que nous devons faire pour configurer notre menu dynamique est de créer des signets. Donc, nous allons créer un signet et appelons-le, Navigation Open . Si nous cliquons dessus, nous avons plus d'options et nous pouvons voir que les données, l'affichage, la page actuelle et tous les visuels sont sélectionnés par défaut. Nous ne voulons pas que toutes ces options soient sélectionnées.

Par exemple, si nous avons sélectionné Données et que l'utilisateur final sélectionnera un autre champ sur la page, disons Toutes les dates, lorsqu'il ou elle ouvrira le menu, la sélection ne sera pas visible à l'écran. Nous ne voulons donc pas cela.

Nous ne voulons pas non plus que Tous les visuels soient sélectionnés. Nous voulons que seul le menu de navigation soit ouvert. Nous allons donc cliquer sur Navigation, puis cliquer sur Navigation Open, puis choisir Selected Visual.

Maintenant, nous voulons donner une action à ce bouton . Donc, ce bouton est également un bouton vide qui a une action pour aller, disons, Navigation ouverte, qui est le signet que nous venons de créer.

Donc avec ce signet, la page ne changera pas si on ouvre le menu. Par exemple, si je fais une sélection sur la page, disons les 6 derniers mois, les résultats de la page changent. Et puis, quand je clique sur le menu, vous pouvez voir que toutes les sélections que j'ai faites avant sont toujours là.

Le deuxième signet que nous voulons faire est le menu de fermeture. Alors, appelons-le le signet Navigation Fermer . Encore une fois, nous allons dans les options, enlevons les données, puis choisissons les visuels sélectionnés, puis mettons à jour.

Pour l'action, nous allons au bouton Fermer la navigation, puis sélectionnez Navigation Fermer.

Avec cela, nous pouvons ouvrir le menu et le fermer si nous cliquons dessus. Si nous cliquons à l'intérieur, il restera ouvert.

Conclusion

Ce sont les étapes dont vous avez besoin pour créer un menu de navigation dynamique. Vous devez créer votre menu avec les boutons, les regrouper en leur donnant des noms propres et vous assurer que tous les éléments ont l'ordre Maintenir les calques activé.

Ensuite, vous devez créer des actions pour ouvrir le menu, le filtre vide sur la page et trois signets.

C'est tout pour aujourd'hui. J'espère que vous trouverez ce tutoriel utile. Je suis convaincu qu'en mettant en œuvre ces étapes simples, vous pouvez créer les mêmes types de menus dans vos rapports LuckyTemplates .

Tous mes vœux!

Expérience de navigation de haute qualité dans les rapports LuckyTemplates
Applications LuckyTemplates et idées de navigation brillantes
Techniques de navigation LuckyTemplates Drill Through