Forum Discussion

ysapiyev's avatar
ysapiyev
Responsive Resident
7 years ago
Solved

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: { back...
Need Help
  • ysapiyev's avatar
    ysapiyev
    7 years ago

    v-jiascu-msft

     

    Hi,

     

    Was able to solve this issue adding border-style:none to power-bi.js file.

     

    Regards,

    Yerkhan

alexbjorlig's avatar
alexbjorlig
Helper IV
6 years ago

Where did you add this to the js file?

csjames010's avatar
csjames010
Frequent Visitor
6 years ago

alexbjorlig 

 

powerbi-client/dist/powerbi.js

 

Line 838 (or so) add iframeContent.style.border = 'none';

 

Here it is added in context: 

 Embed.prototype.setIframe = function (isLoad, phasedRender) {
	        var _this = this;
	        if (!this.iframe) {
	            var iframeContent = document.createElement("iframe");
	            var embedUrl = this.config.uniqueId ? utils.addParamToUrl(this.config.embedUrl, 'uid', this.config.uniqueId) : this.config.embedUrl;
	            iframeContent.style.width = '100%';
				iframeContent.style.height = '100%';
				iframeContent.style.border = 'none';

 

I've been irritated with that border for weeks. Finally came across this which led me down the right path to find it.