Dinamikus navigációs menü LuckyTemplates szűrők használatával

Ebben az oktatóanyagban megmutatom, hogyan hozhatja létre a tökéletes dinamikus navigációs menüt a LuckyTemplates szűrőivel. Ez növeli a felhasználói élményt a LuckyTemplates jelentésekben. Az oktatóanyag teljes videóját a blog alján tekintheti meg.

A LuckyTemplatesben számos lehetőség közül választhat. Rendelkezhetnek szűrőkkel, amelyek megjelennek az oldalon, és navigációs menüket, amelyek a jelentés különböző oldalaira irányítják. Rendelkezhet dinamikus szűrők menüvel, amely bizonyos gombokra kattintva nyitható és zárható. Létrehozhat egy teljesen dinamikus szűrőmenüt is, amely egy gombra kattintva nyitható meg, de körbekattintással bezárható.

Megmutatom, hogyan hozhatja létre ezt a menüt, és hogyan alkalmazhatja ugyanezt a technikát a jelentésekben.

Tartalomjegyzék

• Dinamikus navigációs menü hozzáadása
  • Az üres gomb létrehozása
  • Az Elemek átnevezése
  • A rétegrend fenntartása
  • Könyvjelzők létrehozása dinamikus navigációs menühöz
• Következtetés

Dinamikus navigációs menü hozzáadása

Először nyissuk meg a Kijelölés ablaktáblát és a Könyvjelző panelt is. Alább látható az általam készített jelentés, és a Kijelölés ablaktáblában láthatja, hogy létrehoztam egy navigációs menüt. Ez a navigációs menü a dinamikus menün belüli összes elemből áll.

Nagyon fontos, hogy csoportosítsa az összes elemet, és tegye őket csökkenő sorrendbe. Tehát amint látja, megvannak a címek, a szűrők, az alakzat, és van egy bezárás gomb.

Az üres gomb létrehozása

Ez a bezárás gomb valójában egy üres gomb, ezért hozzunk létre egyet.

Lépjünk a Beszúrás fülre , majd a Gombokra , majd válasszuk az Üres lehetőséget .

Ez egy üres gomb, amelyet így helyeztek el, és teljesen kinyújtva az egész oldalt lefedi. Ezután kikapcsoljuk a Hátteret.

Az Elemek átnevezése

Amint látja, minden elem, amit az oldalon készítettünk, megjelenik a Kijelölés tetején. Tehát duplán kell rákattintani és. Könnyű lesz megérteni, hogy mit nézünk.

Ezután lehúzzuk arra a pozícióra, amelyet szükségesnek talál.

Látható, hogy készítettem egy kis képet is, amelyen egy ikon látható, ami azt jelenti, hogy a szűrők törlődnek.

A rétegrend fenntartása

Most, hogy elkészítettük a menüt és a gombokat, elneveztük az elemeket, és a megfelelő sorrendben csoportosítottuk őket, gondoskodnunk kell a rétegrend fenntartásáról . Ez azt jelenti, hogy ezen az oldalon minden elemnek be kell kapcsolnia a Rétegrend fenntartását . Ez nagyon fontos, hogy az étlap mindig a menü többi eleme alatt maradjon. Ugyanez vonatkozik az Üres gombra is, amelynek az Alakmenü alatt kell lennie.

Könyvjelzők létrehozása dinamikus navigációs menühöz

A következő lépés, amit a dinamikus menü beállításához meg kell tennünk, a könyvjelzők létrehozása. Tehát létrehozunk egy könyvjelzőt, és nevezzük el,. Ha rákattintunk, több lehetőségünk van, és láthatjuk, hogy alapértelmezés szerint ki van választva az Adat, a Megjelenítés, az Aktuális oldal és az Összes látvány. Nem akarjuk, hogy ezek a lehetőségek mindegyike legyen kiválasztva.

Például, ha az Adatok ki vannak választva, és a végfelhasználó kiválaszt egy másik mezőt az oldalon, mondjuk az Összes dátumot, amikor megnyitja a menüt, a kijelölés nem lesz látható a képernyőn. Tehát ezt nem akarjuk.

Nem akarjuk, hogy az All Visuals is legyen kiválasztva. Azt akarjuk, hogy csak a navigációs menü legyen nyitva. Tehát rákattintunk a Navigációra, majd a Navigáció megnyitására, majd a Kiválasztott vizuális elemre.

Most egy műveletet szeretnénk adni ennek a gombnak . Tehát ez a gomb egyben egy üres gomb is, amelyen van egy művelet, mondjuk a Navigáció megnyitása, ami az imént létrehozott könyvjelző.

Ezzel a könyvjelzővel tehát nem változik az oldal, ha megnyitjuk a menüt. Például, ha kiválasztok az oldalon, mondjuk az elmúlt 6 hónapot, akkor az oldal eredményei megváltoznak. És akkor, ha rákattintok a menüre, láthatja, hogy az összes korábban kiválasztott választás még mindig ott van.

A második könyvjelző, amit meg akarunk tenni, a bezárás menü. Tehát nevezzük ezt a Navigation Close könyvjelzőnek. Ismét áttérünk az opciókra, eltávolítjuk az adatokat, majd a Selected Visuals lehetőséget, majd a frissítést.

A művelethez lépjünk a Navigáció bezárása gombbal, majd válasszuk a Navigáció bezárását.

Ezzel a menüt megnyithatjuk és bezárhatjuk, ha körülötte kattintunk. Ha belekattintunk, akkor nyitva marad.

Következtetés

Ezek azok a lépések, amelyekre szükség van egy dinamikus navigációs menü létrehozásához. A gombokkal létre kell hozni a menüt, csoportosítani kell őket tulajdonnevek megadásával, és meg kell győződni arról, hogy minden elemnél be van kapcsolva a Rétegrend fenntartása.

Ezután műveleteket kell létrehoznia a menü megnyitásához, az oldalon lévő üres szűrőhöz és három könyvjelzőhöz.

Mára ennyi. Remélem hasznosnak találja ezt az oktatóanyagot. Meggyőződésem, hogy ezen egyszerű lépések végrehajtásával ugyanolyan típusú menüket készíthet a saját belsejében.

Minden jót!