# Vision Popup root transparency

**URL:** <https://forum.inductiveautomation.com/t/vision-popup-root-transparency/47931>\
**Category:** Ignition\
**Tags:** ignition80, vision\
**Created:** [June 18, 2021, 7:27am UTC](https://forum.inductiveautomation.com/t/vision-popup-root-transparency/47931 "2021-06-18T07:27:09Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![daniele1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/daniele1/32/31531_2.png) [@daniele1](https://forum.inductiveautomation.com/u/daniele1)\
**Post date:** [June 18, 2021, 7:27am UTC](https://forum.inductiveautomation.com/t/vision-popup-root-transparency/47931/1 "2021-06-18T07:27:09Z")

</div>

Hi,  
I’ve created a Popup in Vision and I would like to make the background transparent.

 ![vision_popup_transparency](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/9/39a38b02ed7937ec3ad4c05be9d37b59c7d7b879.jpeg)

I tried to change the root container background color and “A” value but without success.

 ![vision_popup_transparency_2](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/7/77e8b860441d4aca8730b837abe90ee8c719dd16.jpeg)

Thanks

Daniele

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [June 18, 2021, 10:13am UTC](https://forum.inductiveautomation.com/t/vision-popup-root-transparency/47931/2 "2021-06-18T10:13:47Z")

</div>

Try checking the “Opaque” property, then apply alpha in your background color. I know, not very intuitive.

---

<div class="post-metadata">

**Author:** ![daniele1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/daniele1/32/31531_2.png) [@daniele1](https://forum.inductiveautomation.com/u/daniele1)\
**Post date:** [June 18, 2021, 10:25am UTC](https://forum.inductiveautomation.com/t/vision-popup-root-transparency/47931/3 "2021-06-18T10:25:20Z")

</div>

It doesn’t work, I selected a background color, checked the Opaque flag and then applied the alpha but as soon as I do that the Opaque property gets unchecked and, after saving, the background is still visible on the Client.

---

<div class="post-metadata">

**Author:** ![witman](https://avatars.discourse-cdn.com/v4/letter/w/d2c977/32.png) [@witman](https://forum.inductiveautomation.com/u/witman)\
**Post date:** [June 18, 2021, 3:07pm UTC](https://forum.inductiveautomation.com/t/vision-popup-root-transparency/47931/4 "2021-06-18T15:07:45Z")

</div>

> [@Small Popup Window Creation](http://forum.inductiveautomation.com/t/small-popup-window-creation/37527/7):
>
> You can also make the popup window’s background transparent and set title and border display to never if you want to use a rectangle with rounded corners as the background to get a popup that looks something like this: [image] To get the transparent background, put this code in the popup window’s internalFrameActivated event: # Make background transparent. window = event.source window.setOpaque(0)

---

<div class="post-metadata">

**Author:** ![daniele1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/daniele1/32/31531_2.png) [@daniele1](https://forum.inductiveautomation.com/u/daniele1)\
**Post date:** [June 18, 2021, 3:34pm UTC](https://forum.inductiveautomation.com/t/vision-popup-root-transparency/47931/5 "2021-06-18T15:34:06Z")

</div>

Now your solution works, I’m sure I did the same thing this morning…

---

<div class="post-metadata">

**Author:** ![Check](https://avatars.discourse-cdn.com/v4/letter/c/e19adc/32.png) [@Check](https://forum.inductiveautomation.com/u/Check)\
**Post date:** [August 5, 2022, 9:30pm UTC](https://forum.inductiveautomation.com/t/vision-popup-root-transparency/47931/6 "2022-08-05T21:30:40Z")

</div>

What do you mean by “apply alpha”?

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [August 5, 2022, 10:23pm UTC](https://forum.inductiveautomation.com/t/vision-popup-root-transparency/47931/7 "2022-08-05T22:23:36Z")

</div>

In the “Wheel”, that is the “A” by itself that is set to zero (transparent). 255 would be fully opaque.

---

<div class="post-metadata">

**Author:** ![Check](https://avatars.discourse-cdn.com/v4/letter/c/e19adc/32.png) [@Check](https://forum.inductiveautomation.com/u/Check)\
**Post date:** [August 5, 2022, 11:15pm UTC](https://forum.inductiveautomation.com/t/vision-popup-root-transparency/47931/8 "2022-08-05T23:15:12Z")

</div>

I got it. Thank you!

---

<div class="post-metadata">

**Author:** ![Check](https://avatars.discourse-cdn.com/v4/letter/c/e19adc/32.png) [@Check](https://forum.inductiveautomation.com/u/Check)\
**Post date:** [August 8, 2022, 7:38pm UTC](https://forum.inductiveautomation.com/t/vision-popup-root-transparency/47931/9 "2022-08-08T19:38:24Z")

</div>

The solution for me was actually a combination of @pturmel and @witman. I had to make both the window and the root container transparent. We have to use code to make the window transparent because the windows don’t have an “Opaque” property in the “Vision Property Editor”.