search

microsoft / powerbi-client-angular

Power BI Angular component. This library lets you embed Power BI report, dashboard, dashboard tile, report visual, or Q&A in your Angular application.
Other
135 stars 65 forks source link

The PoberBI report stays in small iframe #53

Closed RupenAnjaria closed 10 months ago

RupenAnjaria commented 10 months ago

I was able to just display a PowerBI report, however, it seems no matter what I do, it stays in a small Iframe. Here is how it looks:

image

After we click on the button:

image

I tried changing the height of report-container class:

.report-container {
    height: 100%;
    margin: 8px auto;
    width: 90%;
    display: block;
}

But that didn't work. The hard part is that the <powerbi-report tag doesn't have any other parameter to adjust the height.

Please suggest. Thank you.

RupenAnjaria commented 10 months ago

Moving the report-container to the main root/style.css fixed the issue.

KotanaSai21 commented 10 months ago

Refer to this issue for more details.

RupenAnjaria commented 10 months ago

Thanks and yes, that's exactly how I fixed it. However, can we please have this instruction available in the readme file?