Dynamisk navigationsmenu ved hjælp af LuckyTemplates-filtre

I denne tutorial vil jeg vise dig, hvordan du kan skabe den ultimative dynamiske navigationsmenu ved hjælp af filtre i LuckyTemplates. Dette vil øge brugeroplevelsen i dine LuckyTemplates-rapporter. Du kan se den fulde video af denne tutorial nederst på denne blog.

Du har mange muligheder i LuckyTemplates. Du kan have filtre, der vises på siden og navigationsmenuerne, der leder dig til forskellige sider i din rapport. Du kan have en dynamisk filtermenu, der kan åbnes og lukkes, når du klikker på bestemte knapper. Du kan også oprette en fuldt dynamisk filtermenu, der kan åbnes, når du klikker på en knap, men som kan lukkes, når du klikker rundt.

Jeg viser dig, hvordan du opretter denne menu, og hvordan du kan implementere den samme teknik i dine rapporter.

Indholdsfortegnelse

• Sådan tilføjes en dynamisk navigationsmenu
  • Oprettelse af den tomme knap
  • Omdøbning af elementerne
  • Opretholdelse af lagordenen
  • Oprettelse af bogmærker til en dynamisk navigationsmenu
• Konklusion

Sådan tilføjes en dynamisk navigationsmenu

Lad os først åbne markeringsruden og også bogmærkeruden . Nedenfor er den rapport, som jeg har oprettet, og du kan se i udvælgelsesruden, at jeg har oprettet en navigationsmenu. Denne navigationsmenu er sammensat af alle elementerne i den dynamiske menu.

Det er meget vigtigt, at du grupperer alle elementerne og sætter dem i faldende rækkefølge. Så som du kan se, har jeg titlerne, filtrene, formen, og så har jeg en lukkeknap.

Oprettelse af den tomme knap

Denne lukkeknap er faktisk en tom knap, så lad os oprette en.

Vi går til fanen Indsæt , derefter Knapper , og vælger derefter Blank .

Det er en tom knap, der var placeret sådan, og dækkede hele siden, ved at strække den helt ud. Så slukker vi for baggrunden.

Omdøbning af elementerne

Som du kan se, vil hvert element, vi lavede på siden, blive vist øverst i udvalget. Så vi skal dobbeltklikke på den og. Det vil være let at forstå, hvad vi ser på.

Og så trækker vi den ned til den position, som du finder nødvendig.

Du kan se, at jeg også har lavet et lille billede, der viser et ikon, hvilket betyder, at filtrene bliver ryddet.

Opretholdelse af lagordenen

Nu hvor vi har oprettet menuen og knapperne, navngivet elementerne og grupperet dem i den rigtige rækkefølge, skal vi sikre os, at vi opretholder lagrækkefølgen . Det betyder, at hvert element på denne side skal have Maintain Layer Order på. Dette er meget vigtigt for at holde menuen altid under de andre elementer i menuen. Det er det samme tilfælde for Blank-knappen, som skal være under vores Shape Menu.

Oprettelse af bogmærker til en dynamisk navigationsmenu

Den næste ting, vi skal gøre for at opsætte vores dynamiske menu, er at oprette bogmærker. Så vi opretter et bogmærke og lad os kalde det,. Hvis vi klikker på det, har vi flere muligheder, og vi kan se, at vi har valgt Data, Display, Current page og All Visuals som standard. Vi ønsker ikke at have alle disse muligheder valgt.

For eksempel, hvis vi har valgt Data, og slutbrugeren vil vælge et andet felt på siden, lad os sige Alle datoer, når han eller hun åbner menuen, vil valget ikke være synligt på skærmen. Så det ønsker vi ikke.

Vi ønsker heller ikke at have All Visuals valgt. Vi ønsker kun at have navigationsmenuen, der er åben. Så vi klikker på Navigation, klik derefter på Navigation Open, og vælg derefter Selected Visual.

Nu vil vi give en handling til denne knap . Så denne knap er også en tom knap, der har en handling at gå til, lad os sige, Navigation Open, som er det bogmærke, vi lige har oprettet.

Så med dette bogmærke ændres siden ikke, hvis vi åbner menuen. For eksempel, hvis jeg foretager et valg på siden, lad os sige de sidste 6 måneder, ændres sideresultaterne. Og så, når jeg klikker på menuen, kan du se, at alle de valg, jeg gjorde før, stadig er der.

Det andet bogmærke, vi ønsker at gøre, er menuen Luk. Så lad os kalde det Navigation Close -bogmærket. Endnu en gang går vi til indstillinger, fjerner Data, vælger derefter Valgte billeder og opdaterer derefter.

Til handlingen går vi til Knap Luk Navigation, og vælg derefter Navigation Luk.

Med det kan vi åbne menuen og lukke den, hvis vi klikker rundt om den. Hvis vi klikker inde i den, forbliver den åben.

Konklusion

Dette er de trin, du skal bruge for at oprette en dynamisk navigationsmenu. Du skal oprette din menu med knapperne, gruppere dem sammen ved at give dem rigtige navne og sørge for, at alle elementerne har Maintain Layer Order slået til.

Dernæst skal du oprette handlinger for at åbne menuen, det tomme filter på siden og tre bogmærker.

Det var det for i dag. Jeg håber, du finder denne tutorial nyttig. Jeg er overbevist om, at du ved at implementere disse enkle trin kan lave de samme typer menuer inde i din.

Alt det bedste!