Тема LuckyTemplates: как имитировать динамические темы

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

По состоянию на май 2021 года в отчете LuckyTemplates можно использовать только один JSON-файл темы, а страница может иметь только один фон. Вот почему для достижения заявленной цели необходима другая техника.

Я подумал об использовании закладок (вместо навигации по страницам) и изображений (вместо фона страницы) для имитации динамической темы и решил попробовать.

Вот что я придумал до сих пор. Это домашняя страница с четырьмя кнопками.

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

Если я нажму кнопку Air, я попаду на страницу категории с той же темой (самолет в качестве фона), что и у кнопки Air.

Если я нажму кнопку «Море», я перейду на страницу категории «Море» с той же темой (корабль с грузом в качестве фона).

Опять же, если я нажму другую кнопку для «Железной дороги», она отобразит другую тему (железная дорога в качестве фона).

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

Оглавление

• Настройка отчета LuckyTemplates
• Создание показателей отображения
• Создание кнопки «Домой»
• Создание слайсера для категорий
• Добавление заголовка
• Создание и форматирование таблицы
• Создание домашней страницы
• Заключение

Настройка отчета LuckyTemplates

Затем я поискал в Интернете и нашел несколько изображений, представляющих различные способы или категории доставки. Затем я создал базовую цветовую тему с помощью генератора цветовых тем в LuckyTemplates Analyst Hub.

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

Наконец, я разработал несколько мер DAX для возврата текста и фона или цвета шрифта с использованием желаемых тем. Давайте быстро посмотрим.

Мы откроем наши Key Measures , затем пройдемся по нашей папке Color Measures . Цвет темы 6 — это просто шестнадцатеричный код для одной из моих тем, а цвет темы 5 — мой средний синий начальный цвет.

Создание показателей отображения

Затем мы перейдем к показателям отображения , а затем щелкнем меру «Текст заголовка таблицы» .

Это значение определяется текущей категорией и создается с помощью оператора .

Если мы посмотрим на меру цвета фона шрифта заголовка таблицы , то увидим, что в ней используется точно такой же оператор SWITCH TRUE, основанный на категории; но на этот раз он возвращает меру цветовой темы.

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

И, наконец, у меня есть мера цвета фона таблицы , которая является дубликатом меры цвета фона шрифта заголовка таблицы, но с другим именем, чтобы упростить настройку.

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

Это все для настройки. Теперь давайте вместе создадим решение и начнем с домашней страницы , чтобы было к чему переходить.

Создание кнопки «Домой»

Мы создадим страницу Content 2 и добавим изображение для Home .

Переместите изображение в угол, сделайте его немного меньше и настройте его действие на переход на домашнюю страницу.

Создание слайсера для категорий

Затем мы добавим слайсер для категорий и сделаем слайсер одиночным выбором .

Добавление заголовка

Следующим шагом является добавление текстового поля в верхнем левом углу для заголовка. Давайте назовем его ABC Transportation и добавим меру в нашу категорию.

Название меняется, когда мы делаем разные выборки на нашем слайсере. Мы также можем изменить цвет и размер шрифта.

Следующее, что нужно сделать, это добавить изображение для каждой категории. Давайте добавим первое изображение для авиадоставки. Мы установим размер 1280 и 720 для полного размера. Мы собираемся назвать это в области выбора.

Создание и форматирование таблицы

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

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

Как только мы нажмем на слайсер, мы увидим, что заголовок таблицы меняется в зависимости от выбора, который мы делаем на слайсере.

Мы также можем изменить цвет шрифта таблицы, фон таблицы и прозрачность.

Следующим шагом будет добавление закладки для каждого изображения.

Создание домашней страницы

Вот и все для страницы контента. Перейдем к главной странице. Для начала добавим сюда пустую кнопку.

Мы собираемся отключить контур и изменить его размер до 400 и 250.

Затем мы собираемся заполнить изображение для этой кнопки.

Мы установим размер изображения по размеру и прозрачность 0% для при наведении , чтобы мы могли видеть, что кнопка становится прозрачной, когда она не выбрана.

Следующее, что нужно сделать, это добавить в него действие закладки . Включите ползунок «Действие» и измените его на «Закладка». Выберите страницу Air 2.

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

Мы сделаем это еще три раза, скопировав и вставив изображение. Затем мы настроим их для представления каждой категории.

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

Затем измените изображение, подходящее для соответствия, и измените имя. Затем мы изменим этот цвет фона на другую тему.

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

Опять же, мы изменим Image Fit, чтобы он подходил, и изменим цвет фона заголовка.

И для нашей последней кнопки мы изменим заливку с авиадоставки на железнодорожную доставку .

И снова нам нужно установить изображение по размеру и изменить цвет фона на другую тему.

На странице кнопки Air у нас было выбрано действие Bookmark Air 2. Для трех других кнопок нам нужно изменить выбранное действие. Например, на странице с морской кнопкой нам нужно добавить ее в закладки Bookmark Sea 2.

Заключение

Итак, теперь у нас есть новое решение. Когда мы нажимаем элемент управления и нажимаем на домашнюю страницу, мы попадаем на страницу содержимого 2, где для выбранной категории отображается соответствующее полноэкранное изображение фона. Мы можем использовать кнопку «Домой», чтобы вернуться на домашнюю страницу 2.

По состоянию на май 2021 года текущий выпуск LuckyTemplates Desktop позволяет задавать для таблицы следующие свойства:

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

Это может быть немного сложнее, но возможна дополнительная гибкость. Опыт показывает, что дополнительные свойства станут настраиваемыми в будущих выпусках LuckyTemplates Desktop.

Надеемся, что команда LuckyTemplates добавит возможность использовать несколько тем в отчете. А пока вот одна техника, позволяющая имитировать разные темы.

Спасибо за просмотр, и я желаю вам всего наилучшего в вашем путешествии по LuckyTemplates.

Грег