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

ysapiyev's avatar
ysapiyev
Responsive Resident
7 years ago

v-jiascu-msft

 

Hi,

 

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

 

Regards,

Yerkhan

  • v-jiascu-msft's avatar
    v-jiascu-msft
    Microsoft Employee
    7 years ago

    Thanks for sharing, ysapiyev.

     

     

    Best Regards,
    Dale

  • 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.