Dynamisch navigatiemenu met behulp van LuckyTemplates-filters

In deze tutorial laat ik je zien hoe je het ultieme dynamische navigatiemenu kunt maken met behulp van filters in LuckyTemplates. Dit verhoogt de gebruikerservaring in uw LuckyTemplates-rapporten. Je kunt de volledige video van deze tutorial onderaan deze blog bekijken.

Je hebt veel mogelijkheden in LuckyTemplates. U kunt filters hebben die op de pagina worden weergegeven en navigatiemenu's die u naar verschillende pagina's van uw rapport leiden. U kunt een dynamisch filtermenu hebben dat kan worden geopend en gesloten door op specifieke knoppen te klikken. U kunt ook een volledig dynamisch filtermenu maken dat kan worden geopend door op een knop te klikken, maar kan worden gesloten door rond te klikken.

Ik laat u zien hoe u dit menu kunt maken en hoe u dezelfde techniek in uw rapporten kunt implementeren.

Inhoudsopgave

• Hoe een dynamisch navigatiemenu toe te voegen
  • De lege knop maken
  • De elementen hernoemen
  • Behoud van de laagvolgorde
  • De bladwijzers maken voor een dynamisch navigatiemenu
• Conclusie

Hoe een dynamisch navigatiemenu toe te voegen

Laten we eerst het selectievenster en ook het bladwijzervenster openen. Hieronder staat het rapport dat ik heb gemaakt en je kunt in het selectievenster zien dat ik een navigatiemenu heb gemaakt. Dit navigatiemenu is samengesteld uit alle elementen binnen het dynamische menu.

Het is erg belangrijk dat je alle elementen groepeert en in aflopende volgorde plaatst. Dus zoals je kunt zien, heb ik de titels, de filters, de vorm en dan heb ik een sluitknop.

De lege knop maken

Deze sluitknop is eigenlijk een lege knop, dus laten we er een maken.

We gaan naar het tabblad Invoegen , vervolgens naar Knoppen en selecteren vervolgens Leeg .

Het is een lege knop die op deze manier is geplaatst en de hele pagina bedekt door hem volledig uit te rekken. Dan zetten we de achtergrond uit.

De elementen hernoemen

Zoals je kunt zien, wordt elk element dat we op de pagina hebben gemaakt bovenaan de Selectie aangegeven. We moeten er dus op dubbelklikken en het element hernoemen . Het zal gemakkelijk te begrijpen zijn waar we naar kijken.

En dan slepen we het naar de positie die u nodig vindt.

Je kunt zien dat ik ook een kleine afbeelding heb gemaakt met een pictogram, wat betekent dat de filters worden gewist.

Behoud van de laagvolgorde

Nu we het menu en de knoppen hebben gemaakt, de items een naam hebben gegeven en ze in de juiste volgorde hebben gegroepeerd, moeten we ervoor zorgen dat we de Laagvolgorde behouden . Dit betekent dat voor elk element op deze pagina de laagvolgorde behouden moet zijn ingeschakeld. Dit is erg belangrijk om ervoor te zorgen dat het menu altijd onder de andere elementen van het menu blijft. Hetzelfde geldt voor de Blank-knop, die onder ons Shape-menu moet staan.

De bladwijzers maken voor een dynamisch navigatiemenu

Het volgende dat we moeten doen om ons dynamische menu in te stellen, is bladwijzers maken. Dus we zullen een bladwijzer maken en laten we het Navigatie Open noemen . Als we erop klikken, hebben we meer opties en kunnen we zien dat we standaard Gegevens, Weergave, Huidige pagina en Alle afbeeldingen hebben geselecteerd. We willen niet al deze opties geselecteerd hebben.

Als we bijvoorbeeld Gegevens hebben geselecteerd en de eindgebruiker selecteert een ander veld op de pagina, laten we zeggen Alle datums, wanneer hij of zij het menu opent, is de selectie niet zichtbaar op het scherm. Dat willen we dus niet.

We willen ook niet Alle Visuals geselecteerd hebben. We willen alleen het navigatiemenu open hebben. We klikken dus op Navigatie, klikken vervolgens op Navigatie openen en kiezen vervolgens Geselecteerd beeld.

Nu willen we deze knop een actie geven . Dus deze knop is ook een lege knop met een actie om naar, laten we zeggen, Navigatie Open te gaan, wat de bladwijzer is die we zojuist hebben gemaakt.

Dus met deze bladwijzer verandert de pagina niet als we het menu openen. Als ik bijvoorbeeld een selectie maak op de pagina, laten we zeggen de afgelopen 6 maanden, veranderen de paginaresultaten. En als ik dan op het menu klik, zie je dat alle selecties die ik eerder deed er nog steeds zijn.

De tweede bladwijzer die we willen doen, is het menu Sluiten. Dus laten we het de Navigatie Sluit bladwijzer noemen. Nogmaals, we gaan naar opties, verwijderen Data, kiezen vervolgens Selected Visuals en updaten.

Voor de actie gaan we naar Knop Sluiten Navigatie en selecteren vervolgens Navigatie Sluiten.

Daarmee kunnen we het menu openen en sluiten als we eromheen klikken. Als we erin klikken, blijft het open.

Conclusie

Dit zijn de stappen die u nodig hebt om een ​​dynamisch navigatiemenu te maken. Je moet je menu maken met de knoppen, ze groeperen door ze de juiste namen te geven en ervoor zorgen dat alle elementen de laagvolgorde behouden hebben ingeschakeld.

Vervolgens moet u acties maken voor het openen van het menu, het lege filter op de pagina en drie bladwijzers.

Dat is het voor vandaag. Ik hoop dat je deze tutorial nuttig vindt. Ik ben ervan overtuigd dat u door deze eenvoudige stappen te implementeren dezelfde soorten menu's kunt maken in uw LuckyTemplates-rapporten .

Al het beste!

Hoogwaardige LuckyTemplates-rapportnavigatie-ervaring
LuckyTemplates-toepassingen en briljante navigatie-ideeën
LuckyTemplates Drill Through-navigatietechnieken