使用 LuckyTemplates 篩選器的動態導航菜單

在本教程中，我將向您展示如何在 LuckyTemplates 中使用篩選器創建終極動態導航菜單。這將提升 LuckyTemplates 報告中的用戶體驗。您可以在本博客底部觀看本教程的完整視頻。

LuckyTemplates 中有很多選項。您可以在頁面和導航菜單上顯示過濾器，將您定向到報表的不同頁面。您可以擁有動態過濾器菜單，可以在單擊特定按鈕時打開和關閉。您還可以創建一個完全動態的過濾器菜單，該菜單可以在單擊按鈕時打開，但可以在四處單擊時關閉。

我將向您展示如何創建此菜單以及如何在您的報告中實施相同的技術。

目錄

• 如何添加動態導航菜單
  • 創建空白按鈕
  • 重命名元素
  • 維護圖層順序
  • 為動態導航菜單創建書籤
• 結論

如何添加動態導航菜單

首先，讓我們打開“選擇”窗格和“書籤”窗格。下面是我創建的報告，您可以在“選擇”窗格中看到我創建了一個導航菜單。該導航菜單由動態菜單中的所有元素組成。

將所有元素組合在一起並按降序排列非常重要。正如你所看到的，我有標題、過濾器、形狀，然後我有一個關閉按鈕。

創建空白按鈕

這個關閉按鈕實際上是一個空白按鈕，所以讓我們創建一個。

我們轉到 Insert Tab，然後Buttons，然後選擇Blank。

它是一個像這樣定位的空白按鈕，通過完全展開來覆蓋整個頁面。然後我們關閉背景。

重命名元素

如您所見，我們在頁面上製作的每個元素都將顯示在選擇的頂部。所以我們必須雙擊它並重命名該元素。很容易理解我們在看什麼。

然後，我們將它拖到您認為需要的位置。

你可以看到我還創建了一個顯示圖標的小圖像，這意味著過濾器將被清除。

維護圖層順序

現在我們已經創建了菜單和按鈕，為項目命名，並以正確的順序將它們組合在一起，我們必須確保我們維護Layer Order。這意味著此頁面上的每個元素都必須啟用Maintain Layer Order。這對於保持菜單始終位於菜單的其他元素之下非常重要。空白按鈕也是如此，它必須位於我們的形狀菜單下。

為動態導航菜單創建書籤

設置動態菜單的下一件事是創建書籤。因此，我們將創建一個書籤，我們稱之為Navigation Open。如果我們單擊它，我們有更多選項，我們可以看到我們默認選擇了數據、顯示、當前頁面和所有視覺對象。我們不想選擇所有這些選項。

例如，如果我們選擇了數據，最終用戶將在頁面上選擇另一個字段，比方說所有日期，當他或她打開菜單時，選擇將不會在屏幕上可見。所以我們不希望那樣。

我們也不希望選擇所有視覺對象。我們只想打開導航菜單。因此，我們將單擊“導航”，然後單擊“導航打開”，然後選擇“選定的視覺對象”。

現在，我們要給這個按鈕一個動作。所以這個按鈕也是一個空白按鈕，它有一個動作可以去，比方說，導航打開，這是我們剛剛創建的書籤。

所以有了這個書籤，如果我們打開菜單，頁面就不會改變。例如，如果我在頁面上進行選擇，比方說過去 6 個月，頁面結果會發生變化。然後，當我點擊菜單時，你可以看到我之前所做的所有選擇都還在。

我們想要做的第二個書籤是關閉菜單。所以，我們稱它為導航關閉書籤。再一次，我們轉到選項，取消數據，然後選擇選定的視覺效果，然後更新。

對於操作，我們轉到“按鈕關閉導航”，然後選擇“導航關閉”。

有了它，我們可以打開菜單，如果我們點擊它就可以關閉它。如果我們在其中單擊，它將保持打開狀態。

結論

這些是創建動態導航菜單所需的步驟。您必須使用按鈕創建菜單，通過給它們適當的名稱將它們組合在一起，並確保所有元素都打開了 Maintain Layer Order。

接下來，您必須創建用於打開菜單、頁面上的空白過濾器和三個書籤的操作。

今天就到此為止。我希望你覺得本教程有用。我相信通過實施這些簡單的步驟，您可以在LuckyTemplates 報表中製作相同類型的菜單。

一切順利！

高質量的LuckyTemplates報表導航體驗
LuckyTemplates應用與絕妙的導航理念
LuckyTemplates Drill Through Navigation Techniques