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

Get Fabric Certified for FREE during Fabric Data Days. Don't miss your chance! Learn more

Reply
emma_s
Helper I
Helper I

Embedded visual: possible to make responsive or change size?

Can embedded visuals be responsive? If not responsive, can they be sized to fit their destination div element on page load?

 

Setting the height to 100 in the config object does make my column chart fit into its container width-ways but there is an ugly grey 80px gap above it, pushing the graphic down. But it doesn't help my card visual, which has both font-size and padding issues.

 

The Sample Visual demo is responsive. So can someone tell me how to do this please? https://microsoft.github.io/PowerBI-JavaScript/demo/v2-demo/index.html#

 

data_card_font.PNG

1 REPLY 1
v-micsh-msft
Microsoft Employee
Microsoft Employee

As the doc told,

"

width and height: Optional parameters. If not provided, div element width and height will be used.

"

please try to use the div element instead.

For the Demo code, you could check it within the code pane:

17.PNG

 

For the Div element, press F12 to check the div details:

 

18.PNG

 

Regards,

Michael

Helpful resources

Announcements
Fabric Data Days Carousel

Fabric Data Days

Advance your Data & AI career with 50 days of live learning, contests, hands-on challenges, study groups & certifications and more!

October Power BI Update Carousel

Power BI Monthly Update - October 2025

Check out the October 2025 Power BI update to learn about new features.

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.