Как написать интерфейс в Power BI на HTML

По просьбе коллег, расскажу и покажу, как можно написать интерфейс в Power BI на HTML, но начнем пока с малого.

Предыстория

На днях я улучшал дашборд по показателю ключевых слов в google adwords. Дополнял его текстами и url объявления, для того чтобы сразу понимать почему низкое качество. В процессе обнаружил, что в Power BI есть поддержка HTML5. И тут мне сразу пришла идея, что можно заверстать предпросмотр объявления, как это есть в adwords, опыт у меня есть, когда-то я проходил курс по верстке. О самом дашборде рассказывать не буду, специалисту должно быть понятно. В конце будет ссылка на него.

Погнали

Задача такая, чтоб по выбранному ключевому слову, показывалось объявление примерно в таком виде:

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

У него только одно поле «Category». Значит нужно объединить все данные в одном столбце, завернув их в HTML. Это лучше сделать через DAX.

У меня есть следующие данные. Это атрибуты объявления.

Добавляем новый столбец и в нем сцепляем столбцы с информацией, попутно заворачивая их в HTML элементы.

Также обратите внимание, что я добавил фильтр ограничивающий кол-во выводимых элементов до 3. И вам советую также сделать.

Итог

Теперь выделяя слева в таблице ключевое слово, справа показываются объявления выбранного ключевика. Таким способом можно написать целый интерфейс. Когда доберусь до объявлений директа, сделаю тоже самое для них, с подтягиванием изображения РСЯ. Да, кстати картинки тоже работают таким способом т. е. показываются.
Ссылка на дашборд