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

Earn a 50% discount on the DP-600 certification exam by completing the Fabric 30 Days to Learn It challenge.

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
Employee
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
LearnSurvey

Fabric certifications survey

Certification feedback opportunity for the community.

PBI_APRIL_CAROUSEL1

Power BI Monthly Update - April 2024

Check out the April 2024 Power BI update to learn about new features.

April Fabric Community Update

Fabric Community Update - April 2024

Find out what's new and trending in the Fabric Community.