Transparent background on my icons are grey

💬 App Building
1

Hi all,
I want to display round icons on a table. The background around the circle is transparent, but it's displaying as grey.
Capture d’écran 2023-05-12 à 09.28.31

Is there a solution or should I update all pictures with a white background?
Thanks a lot.

2

Hey @Pierrick81!

I'm not aware of a way to do this at the moment, but I've raised it with the dev team!

In the meantime, one more temporary solution you can try is the following custom CSS:

._5u19W{
   background-color: #0000; 
}

3

Thanks @Kabirdas !
I'll try that.
For now, I've just reuploaded all icons with white backgrounds.

4

This is still an issue for images.

svg / png still show with grey backgrounds when they have none.

5

As a solution you can set the Column to Type Avatar and only display the avatar image and no text. This allows you to display round icons in a table without any problems.

You can then simply insert the URL to the images dynamically in the avatar settings under Image.

Perhaps this solution will help.

FYI @rixlayer

Screenshot 2024-04-11 at 17.46.14

1 Like
6

Thanks for the headsup @Valentin.

However my images have more intricate transparency, not just a circle crop.

This is also an issue on the image component when uploading images. I didn't dig much into it but I had to use URLs to externally hosted svgs instead.

7

Hi @rixlayer @Valentin @Pierrick81 - the grey background when an image has transparency should no longer be an issue as of May 30th, 2024 on Cloud, and as of the latest self-hosted Stable Release v3.75!

Please let us know if you still see the issue as it should be fixed :tada: Thanks for the feedback!