Почему Microsoft не предоставляет прямой контроль над таблицами стилей, применяемыми к отчету? Можно предположить, что они сделали сознательный выбор, сделав Power BI Desktop более похожим на приложение Office, а не на средство разработки или дизайна.
Что, если бы вы узнали, что вы все еще можете применять свой собственный CSS к отчетам, отображаемым в службе Power BI?
1. Изменение стиля app.powerbi.com - или любого другого веб-сайта - с помощью Amino
Контроль над деталями внешнего вида в Power BI не только ограничен, но и несовместим с собственными визуальными элементами, поставляемыми по умолчанию с Power BI Desktop. Становится только хуже, когда вы начинаете добавлять собственные визуальные эффекты.
Например, в некоторых случаях вы можете контролировать прозрачность фона, а в других - нет, например, с заголовком дерева декомпозиции.
Конечно же с помощью стороннего инструмента и поиска разновидных хаков, которые скорее забавны, чем полезны, вы все равно можете сделать этот заголовок полупрозрачным, но это займёт много времени и сил.
Вот краткое пошаговое руководство, чтобы приступить к работе:
- Установите расширение Amino для Chrome;
- Перейдите к своему любимому отчету Power BI в службе;
- Загрузите инструменты разработчика вашего браузера (Ctrl-Shift-I);
- Воспользуйтесь функцией проверки (Ctrl + Shift + C) и наведите указатель мыши на элементы в отчете, чтобы узнать, как они названы;
- Выберите нужный элемент и примените к нему свой собственный CSS.
Вот и мы, с прозрачным деревом декомпозиции, включая его заголовок. Очевидно, что непрозрачный заголовок - всего лишь пример того, что вы, возможно, захотите изменить по своему вкусу. В частности, изучите псевдоклассы и псевдоэлементы, чтобы делать такие вещи, как добавление эффектов при наведении курсора.
2. Ограничения и соображения
Однако у этой хитрости есть и свои минусы. Такой вывод можно сделать по целому ряду причин:
- У вас должна быть возможность запускать расширение Amino Chrome, ограничивая вас этим браузером и его производными, такими как Edge Chromium. Сюда не входят мобильное приложение Power BI, другие браузеры и корпоративные среды с кнопками, которые не позволяют устанавливать расширения браузера. В качестве альтернативы вы можете установить версию Progressive Web App (PWA), но большинство вышеупомянутых ограничений продолжают действовать.
- Вам нужно знать достаточно HTML / CSS, чтобы идентифицировать нужный элемент на странице и затем стилизовать его. Это не ракетная хирургия, но, как и все остальное, здесь требуется обучение.
- Вашим пользователям необходимо запустить Amino.
- Если / когда Microsoft изменит структуру объектной модели документа в своих отчетах, вам, вероятно, придется переписать свои CSS.
Учитывая все обстоятельства, можно ли порекомендовать это кому либо? В большинстве случаев нет, зачастую это не слишком актуально для большинства пользователей и приносит мало пользы. Но это подход и способ, который стоит держать в голове, когда вы не можете иным образом выполнить очень конкретное требование по отчёту.
Наши курсы по Power BI:
Курс Финансовый анализ в Power BI
Наши каналы: