Iframe in an HTML Component

[Hivoltech]

Hello, I'm trying to Embed a Power BI report in a Html Component. It Shows up in Radzen, but blank on the page. Any Ideas.

div class="embed-responsive embed-responsive-21by9">
iframe src="https://app.powerbi.com/view?r=eyJrIjoiMjIyZWNlZWUtZWEy......." frameborder="0" allowFullScreen="true">/iframe>
/div>"

Thanks

[enchev]

Do you have any errors in the browser console? I've just tried the same and it works at first glance:

Here is another thread with similar integration:

Hangfire Integration

I'm using a page with a HTML5 component with this content: <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" [src]="dbURL"></iframe> </div> In typescript code of page: import { Component, Injector } from '@angular/core'; import { MonitorGenerated } from './monitor-generated.component'; // Import HttpClient and HttpParams which are needed to make HTTP calls. import {HttpClient, HttpParams} from '@angular/common/http'; // Import the environment to …

[Hivoltech]

Turns outs the HTML Component was inside a row Component. Once I Deleted the Row, It works great.

Thanks

[MIRodriguez]

Hi @Hivoltech , I have been trying to embed a Power BI into a solution in radzen application, I saw that you made it successfully, Can you help me about how you did it ?

Thanks a lot.