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

Earn the coveted Fabric Analytics Engineer certification. 100% off your exam for a limited time only!

SVGs in Buttons no longer respecting image size or Image Fit fill setting in app.powerbi.com

Prior to this weekend (9/20/2021), buttons filled with SVG's would render the correct size in app.powerbi.com and honor the SVG's size.

 

Now, they try to fill the space, ignoring the Image Fit parameter in Desktop, which renders them correctly.

 

For example, I have a button that is 64x40. I fill it with an SVG that is sized to be 24x24 with the Image Fit parameter as Normal.

  • In Desktop, everything looks they way it should. It renders with centered at 24x24, allowing the appearance of padding within the button.
  • In app.powerbi.com, the SVG is stretched to scale to fill the button, resulting in the SVG being scaled to the edges of the button.

This is breaking the aesthetics of the report and needs to be fixed back to how it was functioning last week.

Status: Accepted
Comments
yelper
Employee

Hi there!  We're evaluating a fix that will restore the previous behavior.  Can you confirm that it is only misbehaving with images smaller than the button?  If the image is bigger than the button, is the current behavior what you would expect?

v-robertq-msft
Community Support

Hi,

This issue seems to have been displayed as awareness on the Power BI support page last week.

https://powerbi.microsoft.com/en-us/support/

vrobertqmsft_0-1632190453557.png

 

And it seems to have been fixed in last Sunday, would you like to check if the problem has disappeared?

 

Thank you very much!

 

Best Regards,

Community Support Team _Robert Qin

Checklist
Advocate II

Hi @v-robertq-msft ,

 

This is still a problem. Several people have reported this problem in the forum. 

 

For example: 

https://community.powerbi.com/t5/Service/Power-Bi-Buttons-Images-changing-after-publishing-to-the-se...

c781d
Regular Visitor

Hello,

 

same problem with my imported images. In Desktop the configuration works. But it fails in web

 

c781d_0-1632220732213.png

c781d_1-1632220747592.png

 

Checklist
Advocate II

September 2021 Desktop update is now available, so it is now possible to apply Shape shadow and shape glow to the button in Desktop - this affects the fitment of the button picture  HOWEVER it does not work when I view the report via Embed Web link. 


Buttons in PowerBi service (Shape shadow option applied)

Checklist_0-1632291997714.png

 

 

Buttons in emeded link

Checklist_1-1632291997709.png

 



ALSO when shape shadow function is enabled then the button text aligment follows the Shape shadow "Preset" option. For example if shape shadow "bottom right" is selected then it is impossible to align the text to left.

* Shape shadow enabled (bottom right) & text aligned to left - you can see that the text does not start from left there is huge gap between left border and the text. 

Checklist_2-1632291997715.png

 

* Shape shadow turned off and text aligned to middle

Checklist_3-1632291998172.png

 

 

sixto_jansa
Regular Visitor

Despite de sunday-Monday update on this subject, still happens in SVGs and small buttons:

Desktop

sixto_jansa_0-1632300949772.png

Service:

sixto_jansa_1-1632301064569.png

 

Thanks

c781d
Regular Visitor

Hi @sixto_jansa ,

 

Thank for share your problem. Please, consider to post it also at https://community.powerbi.com/t5/Service/Power-Bi-Buttons-Images-changing-after-publishing-to-the-se...

 

where the comunity support is writing.

 

Thank you

v-robertq-msft
Community Support
Status changed to: Accepted