How do I give a transparent background color for TWebPanel?

Question

As the title states. I want to have a transparent TWebPanel component, meaning only the border should be visible.

So I've made a simple form with an image and a panel:

I want to be able to see the image behind the panel. Here's what I've tried:

• I looked for a transparent property somewhere or any property that might help, but didn't see any.
• I've tried to remove the Color property, by making it empty, but that results in an error '' is not a valid integer value.
• I looked through the custom colour dialog and there doesn't seem to be an Alpha channel:

---

What are my options? How can I make the background of the panel transparent?

Answer 1

Ah. I found out you can assign the gcNull or clNone value to the Color property on the panel. That makes it transparent:

Do note though that in design-time, it looks black when the gcNull value is assigned to Color:

But rest assured that in run-time, it is definitely transparent and not black.

---

And if you want the border to be transparent also, then you can just set the BorderStyle property to bsNone.