Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

The ultimate Microsoft Fabric, Power BI, Azure AI & SQL learning event! Join us in Las Vegas from March 26-28, 2024. Use code MSCUST for a $100 discount. Register Now

Reply
Anonymous
Not applicable

Embeded Report not centering in app

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 ReportCentered ReportUpper Left Not CeneterdUpper 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.

 

1 ACCEPTED SOLUTION
Anonymous
Not applicable

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.

View solution in original post

3 REPLIES 3
Anonymous
Not applicable

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
Employee
Employee

@Anonymous

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

Anonymous
Not applicable

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

Helpful resources

Announcements
Fabric Community Conference

Microsoft Fabric Community Conference

Join us at our first-ever Microsoft Fabric Community Conference, March 26-28, 2024 in Las Vegas with 100+ sessions by community experts and Microsoft engineering.

February 2024 Update Carousel

Power BI Monthly Update - February 2024

Check out the February 2024 Power BI update to learn about new features.

Fabric Career Hub

Microsoft Fabric Career Hub

Explore career paths and learn resources in Fabric.

Fabric Partner Community

Microsoft Fabric Partner Community

Engage with the Fabric engineering team, hear of product updates, business opportunities, and resources in the Fabric Partner Community.