Меню динамической навигации с использованием фильтров LuckyTemplates

В этом уроке я покажу вам, как создать идеальное динамическое меню навигации с помощью фильтров в LuckyTemplates. Это повысит удобство работы пользователей с вашими отчетами LuckyTemplates. Вы можете посмотреть полное видео этого урока в нижней части этого блога.

У вас есть много вариантов в LuckyTemplates. У вас могут быть фильтры, которые отображаются на странице, и меню навигации, которые направляют вас на разные страницы вашего отчета. У вас может быть меню динамических фильтров, которое можно открывать и закрывать при нажатии на определенные кнопки. Вы также можете создать полностью динамическое меню фильтров, которое может открываться при нажатии на кнопку, но может закрываться при щелчке вокруг.

Я покажу вам, как создать это меню и как вы можете применить ту же технику в своих отчетах.

Оглавление

• Как добавить динамическое меню навигации
  • Создание пустой кнопки
  • Переименование элементов
  • Поддержание порядка слоев
  • Создание закладок для меню динамической навигации
• Заключение

Как добавить динамическое меню навигации

Во-первых, давайте откроем панель выбора , а также панель закладок . Ниже приведен отчет, который я создал, и вы можете видеть на панели выбора, что я создал меню навигации. Это навигационное меню состоит из всех элементов динамического меню.

Очень важно сгруппировать все элементы и расположить их в порядке убывания. Как видите, у меня есть заголовки, фильтры, форма и кнопка закрытия.

Создание пустой кнопки

Эта кнопка закрытия на самом деле пустая кнопка, поэтому давайте создадим ее.

Мы переходим на вкладку «Вставка» , затем «Кнопки» , а затем выбираем «Пустой» .

Это пустая кнопка, которая была расположена вот так, покрывая всю страницу, полностью растянув ее. Затем мы отключаем фон.

Переименование элементов

Как видите, каждый элемент, который мы сделали на странице, будет указан вверху Selection. Поэтому мы должны дважды щелкнуть по нему и переименовать элемент . Будет легко понять, на что мы смотрим.

И затем, мы перетаскиваем его вниз в положение, которое вы считаете нужным.

Вы можете видеть, что я также создал маленькое изображение, на котором показана иконка, означающая, что фильтры будут очищены.

Поддержание порядка слоев

Теперь, когда мы создали меню и кнопки, назвали элементы и сгруппировали их вместе в правильном порядке, мы должны убедиться, что сохраняем порядок слоев . Это означает, что для каждого элемента на этой странице должен быть включен параметр «Сохранить порядок слоев» . Это очень важно, чтобы меню всегда оставалось под другими элементами меню. То же самое и с кнопкой «Пустой», которая должна находиться в меню «Форма».

Создание закладок для меню динамической навигации

Следующее, что нам нужно сделать, чтобы настроить наше динамическое меню, — это создать закладки. Итак, мы создадим закладку и назовем ее Navigation Open . Если мы щелкнем по нему, у нас будет больше параметров, и мы увидим, что по умолчанию у нас выбраны данные, отображение, текущая страница и все визуальные элементы. Мы не хотим, чтобы были выбраны все эти параметры.

Например, если у нас выбраны данные, а конечный пользователь выберет другое поле на странице, скажем, все даты, когда он или она откроет меню, выбор не будет виден на экране. Так что мы не хотим этого.

Мы также не хотим, чтобы были выбраны все визуальные элементы. Мы хотим, чтобы было открыто только меню навигации. Итак, мы нажмем «Навигация», затем нажмем «Открыть навигацию», а затем выберем «Выбранный визуальный элемент».

Теперь мы хотим дать действие этой кнопке . Таким образом, эта кнопка также является пустой кнопкой, у которой есть действие для перехода, скажем, к «Открыть навигацию», которая является закладкой, которую мы только что создали.

Так вот с этой закладкой страница не изменится, если мы откроем меню. Например, если я делаю выбор на странице, скажем, «Последние 6 месяцев», результаты страницы меняются. И затем, когда я нажимаю на меню, вы можете видеть, что все выборы, которые я делал раньше, все еще там.

Вторая закладка, которую мы хотим сделать, это закрытие меню. Итак, назовем это закладкой Navigation Close . Еще раз заходим в опции, снимаем Data, потом выбираем Selected Visuals, а потом update.

Для действия мы переходим к кнопке «Закрыть навигацию», затем выбираем «Закрыть навигацию».

При этом мы можем открыть меню и закрыть его, если мы щелкнем по нему. Если мы щелкнем внутри него, он останется открытым.

Заключение

Это шаги, необходимые для создания динамического навигационного меню. Вы должны создать свое меню с кнопками, сгруппировать их вместе, дав им правильные имена, и убедиться, что для всех элементов включен параметр «Поддерживать порядок слоев».

Далее нужно создать действия для открытия меню, пустой фильтр на странице и три закладки.

Это все на сегодня. Надеюсь, вы найдете этот урок полезным. Я уверен, что, выполнив эти простые шаги, вы сможете сделать такие же типы меню внутри своих отчетов LuckyTemplates .

Всего наилучшего!

Высококачественная навигация по отчетам LuckyTemplates
Приложения LuckyTemplates и блестящие идеи навигации
Подробная информация о методах навигации LuckyTemplates