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!To celebrate FabCon Vienna, we are offering 50% off select exams. Ends October 3rd. Request your discount now.
We display PowerBI report visuals with the Microsoft embed library https://github.com/Microsoft/PowerBI-JavaScript in a custom web container. We embed a single visual as explained here https://github.com/Microsoft/PowerBI-JavaScript/wiki/Embed-Single-Visual. All our visuals (e.g. Line, Table) are displayed correctly, except visuals of type Card. Only Card visuals have css style {top: 60px;}
In settings object of an embed these visuals have the following values
{ "localeSettings": { "language": "en", "formatLocale": "en-US" }, "filterPaneEnabled": false, "navContentPaneEnabled": false, "background": 1, "visualSettings": { "visualHeaders": [ { "settings": { "visible": false } } ] }, "layoutType": 1, "customLayout": { "displayOption": 0, "pageSize": { "type": 4, "width": 350, "height": 200 }, "pagesLayout": { "ReportSection28597ec2e72b1fca03df": { "defaultLayout": { "displayState": { "mode": 1 } }, "visualsLayout": { "8a5ae98a6614fee5dd79": { "displayState": { "mode": 0 }, "x": 1, "y": 1, "z": 1, "width": 350, "height": 200 } } } } } }
As you can see, filterPane, navContentPane and visualHeaders are set to false. So, nothing should be above or around it...
Has somebody came accross this issue or similar? Is it a bug or we miss something?
I am still trying to overcome this issue
I created completely empty report with just only one visual - card and set it up to show constant 5
The issue is still there. So, it is not related to some specific PBI Connector or other visuals in report
Has anybody came accross this issue or similar?
Would be helpfull if MS Support team wrote recommendations for this case. Is it a known bug?