Showing results for 
Search instead for 
Did you mean: 
duggy Helper III
Helper III

Iframe: Frame around the emdebbed dashboard, dashboard doesn't go to the top



I have embedded a dahboard in my webpage in an iFrame. However the dashboard doesnt vertically align to the top of the iFrame. If you zoom the page down to 80% then the dashboard moves to the top of the iFrame, if it is at 100% then the dashboard moves downwards.




Here is the code for the iFrame:


<iframe id="idIframes" frameborder=""  src=""></iframe> 

and here is the container in the aspx file:


        $(document).ready(function () {   
            var models = window['powerbi-client'].models;
            var config = {
                type: 'report',
                tokenType: models.TokenType.Embed,
                accessToken: accessToken,
                embedUrl: embedUrl,
                id: embedReportId,
                permissions: models.Permissions.All,
                settings: {
                    filterPaneEnabled: false,
                    navContentPaneEnabled: false,
                    localeSettings: {
                        language: "en-GB",
                        formatLocale: "en-GB"
                //pageName: sectionName
            var reportContainer = $('#reportContainer')[0];
            var report = powerbi.embed(reportContainer, config);           


<body style="vertical-align: top;position: relative;top: 0;">
    <form id="form1" runat="server" style="vertical-align: top;position: relative;top: 0;">
    <div style="vertical-align: top;">
        <div id="reportContainer" style="height:850px;width:100%;vertical-align: top;position: relative;top: 0;left:0;"></div>
        <asp:Label Id ="lblMessage" runat="server" />
Regular Visitor

Re: Iframe: Frame around the emdebbed dashboard, dashboard doesn't go to the top

We're having the same problem. Did you ever get or find an answer to your question?

Helpful resources

Announcing the New Spanish Forum

Announcing the New Spanish Forum

Do you need help in Spanish? Check out our new Spanish community section.

MBAS Gallery 2020

MBAS Gallery 2020

Watch Microsoft Business Applications Summit sessions on-demand.

‘Better Together’ Integration Forum Launch

‘Better Together’ Integration Forum Launch

We've launched a how-to forum where you can learn about how Power BI integrates with other Power Platform products.