Forum Discussion
Custom Visual - Infographic Designer - Changing Background colour
Hi all,
I'm using the Infographic Designer custom visual in Power BI and I'm trying to change the background color of the visual. By default, it appears to have a white background, and I haven't found a way to change the outer edge color.
Here’s what I’ve tried so far:
- Added a rectangle shape, sent it to the back, and set its fill color to my desired background color.
- Set the unit background color of my chosen shape to match the desired color.
These steps do change the internal background, but the outer edge of the visual remains white, which is especially noticeable when placed on a darker report background.
Is there a way to make the entire visual background transparent or match the report background color?
Any suggestions or workarounds would be greatly appreciated!
Thanks in advance.
Hi Anonymous
If the white areas remain visible even after disabling the background under General > Effects, the issue is likely related to elements rendered within the Infographic Designer visual itself, rather than the outer visual container. In such cases, check the visual’s internal formatting settings such as the fill color of unit shapes, category backgrounds, or other embedded elements and adjust them to match the report’s background or increase their transparency. Adding a full-sized rectangle shape within the visual and sending it to the back can also help mask any internal white areas. Additionally, ensure the visual is properly resized to eliminate unintended padding or margins to minimize the appearance of white edges. If these adjustments do not resolve the issue, it may stem from the way the Infographic Designer visual is rendered, in which case the visual’s internal canvas may not support full transparency.
If this post helps, kindly mark it as Accepted Solution.
Thank You!
7 Replies
The Infographic Designer visual doesn't support changing the outer background color directly.
Workaround:
- Select the visual.
- In the Visualizations pane, go to General > Effects.
- Turn Background Off or set its Color to match your report background.
Hi Anonymous
If the white areas remain visible even after disabling the background under General > Effects, the issue is likely related to elements rendered within the Infographic Designer visual itself, rather than the outer visual container. In such cases, check the visual’s internal formatting settings such as the fill color of unit shapes, category backgrounds, or other embedded elements and adjust them to match the report’s background or increase their transparency. Adding a full-sized rectangle shape within the visual and sending it to the back can also help mask any internal white areas. Additionally, ensure the visual is properly resized to eliminate unintended padding or margins to minimize the appearance of white edges. If these adjustments do not resolve the issue, it may stem from the way the Infographic Designer visual is rendered, in which case the visual’s internal canvas may not support full transparency.
If this post helps, kindly mark it as Accepted Solution.
Thank You!
Hello,
You can try to turn on the visual border (General>Effects settings) and choose your desired color to match the background.
Hope this helps
Hi Anonymous
Welcome to the Microsoft Fabric Forum. Also, thank you BhavinVyas3003 and JoBI for your quick response.
To resolve the issue of the persistent white outer background in the Infographic Designer custom visual in Power BI, you can modify the container settings of the visual instead of relying solely on design elements within the visual.
Specifically, select the Infographic Designer visual, navigate to the Format pane, expand the General section, and go to Effects.Under the Background option, you can either turn it Off to make the visual background fully transparent, allowing it to blend seamlessly with any report page background, or turn it On and set the background color to match your report’s theme. Additionally, adjust the transparency slider if needed to achieve the desired level of opacity.
If this information helps resolve your issue, kindly consider marking this response as the Accepted Solution, as it may assist other community members facing similar challenges.
Thank You!
