Join us at FabCon Atlanta from March 16 - 20, 2026, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.
Register now!The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now! Learn more
Hi, I have embedded Power BI into my web application but regardless the browser, the screensize what so ever, a vertical scrollbar shows up. How can I get rid of it (the one highlighted in yellow in the following screenshot)?
Here is my code:
And the div that calls the embedContainer goes like this:
<div id="embedContainer" style="height: calc((100vw - 60px) * 0.59) !important; width: 100% !important; overflow: hidden !important; margin: auto !important; "></div>
How can I get rid of the vertical scrollbar.
The things I already tried that didnt worked:
1. I already tried in the config code with "fitToWidth", and with "actualSize" and with "oneColumn". None worked
2. I alredy tried by publishing in the first place from the Power BI Desktop in the differnet fashions "Fit To Width", "Actual Size", "Fit To Page", etc
3. I already tried combinations of 1. and 2.
4. I already visited all posts here and in stackoverflow, such as , but not limited to:
https://stackoverflow.com/questions/66527385/powerbi-embedded-vertical-scrollbar-not-visible
https://community.powerbi.com/t5/Issues/Auto-scroll-in-Embedded-reports/idi-p/235218
Any help highly appreciated.
Best.
Hi @Chorda ,
Do you want to remove the vertical scroll bar of browser? If yes, please review the following links, hope they can help you.
Best Regards
The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now!
| User | Count |
|---|---|
| 3 | |
| 2 | |
| 2 | |
| 1 | |
| 1 |
| User | Count |
|---|---|
| 11 | |
| 7 | |
| 4 | |
| 4 | |
| 3 |