Menu dynamicznej nawigacji przy użyciu filtrów usługi LuckyTemplates

W tym samouczku pokażę, jak stworzyć doskonałe menu dynamicznej nawigacji przy użyciu filtrów w usłudze LuckyTemplates. Zwiększy to wygodę użytkownika w raportach usługi LuckyTemplates. Możesz obejrzeć pełny film z tego samouczka na dole tego bloga.

Masz wiele opcji w LuckyTemplates. Możesz mieć filtry, które są wyświetlane na stronie i menu nawigacyjne, które kierują Cię do różnych stron raportu. Możesz mieć dynamiczne menu filtrów, które można otwierać i zamykać, klikając określone przyciski. Możesz także utworzyć w pełni dynamiczne menu filtrów, które można otworzyć po kliknięciu przycisku, ale zamknąć, klikając dookoła.

Pokażę Ci, jak utworzyć to menu i jak możesz zastosować tę samą technikę w swoich raportach.

Spis treści

• Jak dodać dynamiczne menu nawigacji
  • Tworzenie pustego przycisku
  • Zmiana nazw elementów
  • Zachowanie kolejności warstw
  • Tworzenie zakładek dla dynamicznego menu nawigacji
• Wniosek

Jak dodać dynamiczne menu nawigacji

Najpierw otwórzmy okienko wyboru , a także okienko zakładek . Poniżej znajduje się raport, który utworzyłem i możesz zobaczyć w okienku wyboru, że utworzyłem menu nawigacyjne. To menu nawigacyjne składa się ze wszystkich elementów w menu dynamicznym.

Bardzo ważne jest, aby zgrupować wszystkie elementy i ułożyć je w porządku malejącym. Więc jak widzisz, mam tytuły, filtry, kształt, a potem mam przycisk zamykania.

Tworzenie pustego przycisku

Ten przycisk zamykania jest w rzeczywistości pustym przyciskiem, więc utwórzmy go.

Przechodzimy do zakładki Wstaw , następnie Przyciski , a następnie wybieramy Pusty .

To pusty przycisk, który został umieszczony w ten sposób, zakrywając całą stronę, całkowicie go rozciągając. Następnie wyłączamy Tło.

Zmiana nazw elementów

Jak widać, każdy element, który utworzyliśmy na stronie, zostanie wskazany u góry Zaznaczenia. Musimy więc kliknąć go dwukrotnie i zmienić nazwę elementu . Łatwo będzie zrozumieć, na co patrzymy.

A następnie przeciągamy go do pozycji, którą uznasz za niezbędną.

Możesz zobaczyć, że stworzyłem również mały obraz, który pokazuje ikonę, co oznacza, że ​​filtry zostaną wyczyszczone.

Zachowanie kolejności warstw

Teraz, gdy stworzyliśmy menu i przyciski, nazwaliśmy elementy i pogrupowaliśmy je we właściwej kolejności, musimy upewnić się, że zachowaliśmy kolejność warstw . Oznacza to, że każdy element na tej stronie musi mieć włączoną opcję Zachowaj kolejność warstw . Jest to bardzo ważne, aby menu pozostawało zawsze pod innymi elementami menu. To samo dotyczy przycisku Pusty, który musi znajdować się w naszym menu kształtów.

Tworzenie zakładek dla dynamicznego menu nawigacji

Następną rzeczą, którą musimy zrobić, aby skonfigurować nasze dynamiczne menu, jest utworzenie zakładek. Stworzymy więc zakładkę i nazwijmy ją Nawigacja otwarta . Jeśli go klikniemy, mamy więcej opcji i widzimy, że domyślnie mamy wybrane Dane, Wyświetlanie, Bieżąca strona i Wszystkie wizualizacje. Nie chcemy, aby wszystkie te opcje były zaznaczone.

Na przykład, jeśli mamy zaznaczone Dane, a użytkownik końcowy wybierze na stronie inne pole, powiedzmy Wszystkie daty, kiedy otworzy menu, wybór nie będzie widoczny na ekranie. Więc tego nie chcemy.

Nie chcemy też mieć zaznaczonych opcji Wszystkie wizualizacje. Chcemy, aby otwarte było tylko menu nawigacyjne. Więc klikniemy Nawigacja, następnie kliknij Nawigacja Otwórz, a następnie wybierz Wybrany obraz.

Teraz chcemy nadać temu przyciskowi akcję . Więc ten przycisk jest również pustym przyciskiem, który ma akcję, aby przejść do, powiedzmy, nawigacji otwartej, czyli zakładki, którą właśnie utworzyliśmy.

Dzięki tej zakładce strona nie zmieni się, jeśli otworzymy menu. Na przykład, jeśli dokonam wyboru na stronie, powiedzmy ostatnie 6 miesięcy, wyniki strony się zmienią. A potem, kiedy klikam menu, widać, że wszystkie wybory, których dokonałem wcześniej, nadal tam są.

Drugą zakładką, którą chcemy zrobić, jest menu zamykania. Nazwijmy to zakładką Nawigacja Zamknij . Ponownie przechodzimy do opcji, zdejmujemy Dane, następnie wybieramy Wybrane wizualizacje, a następnie aktualizujemy.

W przypadku akcji przechodzimy do przycisku Zamknij nawigację, a następnie wybierz Nawigacja Zamknij.

Dzięki temu możemy otworzyć menu i zamknąć je, klikając wokół niego. Jeśli klikniemy w nią, pozostanie otwarta.

Wniosek

Oto kroki, które musisz wykonać, aby utworzyć dynamiczne menu nawigacyjne. Musisz stworzyć swoje menu za pomocą przycisków, pogrupować je, nadając im odpowiednie nazwy i upewnić się, że wszystkie elementy mają włączoną opcję Zachowaj kolejność warstw.

Następnie musisz utworzyć akcje otwierające menu, pusty filtr na stronie oraz trzy zakładki.

To tyle na dziś. Mam nadzieję, że ten samouczek okaże się przydatny. Jestem przekonany, że wykonując te proste czynności, możesz tworzyć te same typy menu w swoich raportach usługi LuckyTemplates .

Wszystkiego najlepszego!

Wysokiej jakości nawigacja po raportach usługi LuckyTemplates
Aplikacje usługi LuckyTemplates i genialne pomysły na nawigację Usługa
LuckyTemplates drąży techniki nawigacji