Forum Discussion

apenaranda's avatar
apenaranda
Post Partisan
2 years ago

trying to get embedded with mobile design

Hello, Does anyone know why the following code doesn't work for me?   $(function () { var reportContainer = $("#report-container").get(0); // Initialize iframe for embedding report ...
General Comment
Anonymous's avatar
Anonymous
Not applicable
2 years ago

Hi apenaranda ,

According to your description, it seems like you're trying to embed a Power BI report with mobile layout. You can refer the following official documentation and check if it hit any limitation to cause the codes not working.

Embedding a Power BI report with mobile layout in Power BI embedded analytics | Microsoft Learn

In order to get a better understanding and make further troubleshooting, could you please provide the follwoing info?

  • Did you get any error message?
  • Please make sure Power BI report is configured correctly to support embedding 
  • Ensure that the window.matchMedia("(max-width: 600px)").matches is returning true when the screen width is less than or equal to 600px. You can test this by logging the isMobile variable to the console.

Best Regards

  • apenaranda's avatar
    apenaranda
    Post Partisan
    2 years ago

    Hello, I have indeed already verified that the ismobile variable works, I get true or false depending on the screen but when it comes to showing the mobile view it no longer does so, the desktop view always appears.

     

     

     

     

    In fact, I attached a screenshot of the console where you can see that it takes the parameter layouttype: 2, which corresponds to mobile layout.

     

    Any ideas or tests I can do?