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

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

Hi,

 

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.

 

Capture.JPG

 

Here is the code for the iFrame:

 

<iframe id="idIframes" frameborder=""  src="http://mywebsite.com/mypage.aspx"></iframe> 

and here is the container in the aspx file:

 

    <script> 
        $(document).ready(function () {   
            var models = window['powerbi-client'].models;
            //debugger
            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);           
        });
        

    </script>

</head>
<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" />
    </div>
    </form>
1 REPLY 1
panantonioblanc
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

Announcements
‘Better Together’ T-Shirt Contest – Winner Announced!

‘Better Together’ T-Shirt Contest – Winner Announced!

And the winner is...

Announcing the New Spanish Forum

Announcing the New Spanish Forum

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

Attending MBAS? Claim your badge

Attending MBAS? Claim your badge

Whether you’re streaming the digital event live, or watching on-demand, claim your attendee badge to sport on your profile.

April 2020 Community Highlights

April 2020 Community Highlights

Info on our Super Users, MBAS content and badges, and updates to our support articles. - Read the full Community Highlights.

MBAS Gallery 2020

MBAS Gallery 2020

Watch Microsoft Business Applications Summit sessions on-demand.