Forum Discussion
Borders of report
Hi everyone
I embedded Power BI report in web application and got borders of report. I set background transparency of report in Power BI Desktop to 100% and set embedding settings:
settings: { background: models.BackgroundType.Transparent }
However, I still got these lines:
How they can be removed?
update: If I use Firefox browser, I get black borders. White borders I get in Google Chrome.
Regards,
Yerkhan
Hi,
Was able to solve this issue adding border-style:none to power-bi.js file.
Regards,
Yerkhan
8 Replies
Hi,
fixed that using next style
:host ::ng-deep iframe {
border: none;
}Thanks! This works perfectly, and it is the only workable solution I found for ngx-powerbi.
Hi Yerkhan,
Which part do you mean? Is the one in the rectangle in the snapshot below?
If so, the https://microsoft.github.io/PowerBI-JavaScript/demo/v2-demo/index.html could give you some ideas. I will get back to you if I find the key parts.
Best Regards,
DaleHi,
Was able to solve this issue adding border-style:none to power-bi.js file.
Regards,
Yerkhan
