Добавить в корзинуПозвонить
Найти в Дзене
IQBI SCHOOL

Как взломать стили Power BI, чтобы применить свои собственные

Почему Microsoft не предоставляет прямой контроль над таблицами стилей, применяемыми к отчету?  Можно предположить, что они сделали сознательный выбор, сделав Power BI Desktop более похожим на приложение Office, а не на средство разработки или дизайна. Что, если бы вы узнали, что вы все еще можете применять свой собственный CSS к отчетам, отображаемым в службе Power BI? 1. Изменение стиля app.powerbi.com - или любого другого веб-сайта - с помощью Amino Контроль над деталями внешнего вида в Power BI не только ограничен, но и несовместим с собственными визуальными элементами, поставляемыми по умолчанию с Power BI Desktop.  Становится только хуже, когда вы начинаете добавлять собственные визуальные эффекты. Например, в некоторых случаях вы можете контролировать прозрачность фона, а в других - нет, например, с заголовком дерева декомпозиции. Конечно же с помощью стороннего инструмента и поиска разновидных хаков, которые скорее забавны, чем полезны, вы все равно можете сделать этот заголово

Почему Microsoft не предоставляет прямой контроль над таблицами стилей, применяемыми к отчету?  Можно предположить, что они сделали сознательный выбор, сделав Power BI Desktop более похожим на приложение Office, а не на средство разработки или дизайна.

Что, если бы вы узнали, что вы все еще можете применять свой собственный CSS к отчетам, отображаемым в службе Power BI?

1. Изменение стиля app.powerbi.com - или любого другого веб-сайта - с помощью Amino

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

Например, в некоторых случаях вы можете контролировать прозрачность фона, а в других - нет, например, с заголовком дерева декомпозиции.

-2

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

Вот краткое пошаговое руководство, чтобы приступить к работе:

-3
  • Установите расширение Amino для Chrome;
  • Перейдите к своему любимому отчету Power BI в службе;
  • Загрузите инструменты разработчика вашего браузера (Ctrl-Shift-I);
  • Воспользуйтесь функцией проверки (Ctrl + Shift + C) и наведите указатель мыши на элементы в отчете, чтобы узнать, как они названы;
  • Выберите нужный элемент и примените к нему свой собственный CSS.
-4

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

2. Ограничения и соображения

Однако у этой хитрости есть и свои минусы. Такой вывод можно сделать по целому ряду причин:

  • У вас должна быть возможность запускать расширение Amino Chrome, ограничивая вас этим браузером и его производными, такими как Edge Chromium. Сюда не входят мобильное приложение Power BI, другие браузеры и корпоративные среды с кнопками, которые не позволяют устанавливать расширения браузера.  В качестве альтернативы вы можете установить версию Progressive Web App (PWA), но большинство вышеупомянутых ограничений продолжают действовать.
  • Вам нужно знать достаточно HTML / CSS, чтобы идентифицировать нужный элемент на странице и затем стилизовать его. Это не ракетная хирургия, но, как и все остальное, здесь требуется обучение.
  • Вашим пользователям необходимо запустить Amino.
  • Если / когда Microsoft изменит структуру объектной модели документа в своих отчетах, вам, вероятно, придется переписать свои CSS.

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

Наши курсы по Power BI:

Курс Аналитик BI

Курс DAX Mastering

Курс Финансовый анализ в Power BI

Наши каналы:

Facebook

Instagram

Telegram

VK