CODEWITHSUNDEEP
powerbipowerbi-desktoppowerbi-embeddedpower-bi-report-server
Smit Rathod
Smit Rathod

Reputation: 143

Margin/Space Beween Embedded Report & "iframe" & Full Screen Report

I have embedded my PowerBI report by using the ReactJS.

The report is rendered as below HTML structure :

<iframe className="power-bi-iframe">
  <!-- REPORT HERE -->
</iframe>

enter image description here

I am getting the blank space/margin between the iframe and thr PowerBI report.

Is there any way to remove it & Show the full screen report on the web?

Upvotes: 0

Views: 200

Answers (1)

Kotana Sai
Kotana Sai

Reputation: 1810

You can set the report display to FitToWidth and . Pass the Updated the settings while embedding the report or using updateSettings(settings) during runtime.

   const settings = {
     layoutType: models.LayoutType.Custom,
     customLayout: {
       displayOption: models.DisplayOption.FitToWidth,
     },
   };

References: Personalize Report layout

Upvotes: 1

Related Questions