embed power bi report in react app, resize browser causes resolution problem

[Anonymous]

Hello everyone, 

I need an issue to solve, I have resolution problem within different screens. I'm going to share 4 screenshots within 2 different displays. I hope to get a solution here, please share your experiences. 

This is 24" for first page (Above) and (below) for 32" (I have one tile here on the left from pbi)

and this is the second page on 24" below - dont mind no visual it's loading

and this is 32" for second page below

I want them to be adjusted (shrink, expanded) when user resize the page or use in different size of displays.

how can I fix this problem ? please let me know
Thanks !

[Anonymous]

@Anonymous 

this can be controlled in the workspace, but I'm embedding this report to react website application. 
Are you saying just by changing the view in the workspace that will effect in the embedding side ?

I can try but it doesn't make any sense to me. this changes what you see on "workspace"

[Anonymous]

Hi @Anonymous ,

You may try this view option.

As you can see, there're some different size for choosing. Viewers can use this option.

Change the display size and ratio of a report page - Power BI | Microsoft Learn

Best Regards,

Stephen Tao

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.