Embeded Report not centering in app

[Anonymous]

Hello,

I have embeded PowerBI Premuim into my current production application.  While it mostly works great, sometimes when I go to the section of my application that shows the reports, the report will not center in middle of screen, and will take up the upper left hand corner of the entire reporting area.

I have seen this happen on all different browsers.  Is there some call I can make to tell it to recenter?  Something in the API possibly?  It just seems strange that sometimes it works great and centers, and other times it does not.  I would love some help on how I can make sure it does center properly every time. 

Thanks,

Stizz001

Centered ReportUpper Left Not CeneterdAttached are  images of what I am talking about.  The 2nd one is not quite loaded, but is how it looks when it is loaded. LIke it just never recenters as the upper one did after load.

[Anonymous · Accepted solution]

So I figured out why this was happening.  In my creation of the powerBI object, I was initiallizing the fileters property to an empty array object.  I was doing this because I would then use the onLoad event to get the current filters, and add to them the fiters selected in my applitcation.  

I guess by initializing the filters property to an empty array, it would sometimes screw with the layout.  Once I took out that property all together, it never happened again.  

If anyone else is expeciencing something like this, look into wether you are initializing all properties correctly or not.

[Eric_Zhang]

@Anonymous

What do you mean sometimes, any specific circumstance to reproduce this issue? What happen in the next rendering  after "sometimes"?

[Anonymous]

Actually now, it does it every time I go to the reporting tab in my app.  Howerver, after seeing the report is not centered, if I click m another tab, and then click the report tab again, it seems to center just fine.  I have no clue why it does this.  And I have confirmed this is not just an issue with my app not using the whole screen as when I inspect the HTML that the API creates from the embed method, that does take up the whole screen area.  

Is there any built in calls that I could call to tell it to recenter?  Or what I can I do to fix this as my client is very much not happy about this.

Thanks,

Stizz001