Как оформить встроенную панель инструментов PowerBI?
Мне удалось встроить панель PowerBi в веб-страницу.
К сожалению, это выглядит отвратительно. Например, отступы смешны; Заголовок застрял в верхнем левом углу, который я хотел бы удалить; весь контент загружается в iFrame, который, если я не устанавливаю высоту и ширину, делает приборную панель практически невидимой и не реагирующей (с точки зрения масштабирования окна); ничто не центрировано...
Я попытался переопределить CSS. Например, я пытался установить display: none !important; Свойство в заголовке (чтобы удалить заголовок), но это не имеет никакого эффекта. Я также попытался изменить цвет фона iFrame с серого, чтобы он соответствовал цвету веб-страницы, но это тоже не сработало.
Кто-нибудь знает, как я могу стилизовать свою панель управления PowerBI и встроить ее без iFrame (это вообще возможно?)?
2 ответа
Насколько я знаю, на данный момент невозможно вставить что-либо из PowerBI в веб-страницу без IFrame.
Вам действительно нужна панель инструментов, может быть, отчет сделает это? По крайней мере, вы сможете разместить компоненты так, как вам нравится.
Я была такая же проблема. Мне удалось использовать CSS для изменения стиля iFrame как для отчетов, так и для панелей мониторинга.
Я использую угловой проект и добавил CSS к своему компоненту, который отображает Iframe.
border-width: 0; //Removes Iframe horrible border
Я также регулирую высоту, ширину и положение.
Если вам сложно найти, какой элемент изменить CSS, используйте элемент проверки в Chrome и протестируйте, изменив некоторые CSS для каждого элемента.
Я смог спрятать и изменить положение заголовка, когда обнаружил, с каким div он был:
visibility: hidden; //true to show
text-align: centre; //left or right