# Ignition Vision Container - Background Colour Problems

**URL:** <https://forum.inductiveautomation.com/t/ignition-vision-container-background-colour-problems/84102>\
**Category:** Ignition\
**Tags:** ignition81, vision\
**Created:** [January 11, 2024, 10:58am UTC](https://forum.inductiveautomation.com/t/ignition-vision-container-background-colour-problems/84102 "2024-01-11T10:58:13Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Niall\_Watson](https://avatars.discourse-cdn.com/v4/letter/n/e274bd/32.png) [@Niall\_Watson](https://forum.inductiveautomation.com/u/Niall_Watson)\
**Post date:** [January 11, 2024, 10:58am UTC](https://forum.inductiveautomation.com/t/ignition-vision-container-background-colour-problems/84102/1 "2024-01-11T10:58:13Z")

</div>

Hi, I have a problem with Ignition Vision Designer (8.1.32).

I cannot match the background colour of container objects, despite them having the same properties (tried RGB, HSL, hex etc).

I started development of this app in a previous version, and recall the container object had an "opaque" property? This is no longer available, and think this is causing the problem. With reference to the attached picture both red-circled containers should have the same appearance.

Any suggestions?

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/0/006c2892be7e8375b4ee2eff9b540edc252a0cb7.png)

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [January 11, 2024, 11:26am UTC](https://forum.inductiveautomation.com/t/ignition-vision-container-background-colour-problems/84102/2 "2024-01-11T11:26:26Z")

</div>

Can you share the window? Not seeing it on my own installation.

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [January 11, 2024, 11:53am UTC](https://forum.inductiveautomation.com/t/ignition-vision-container-background-colour-problems/84102/4 "2024-01-11T11:53:30Z")

</div>

> [@JordanCClark](#):
>
> Can you share the window?

I was actually thinking more of an export of the window. 😉

That way we can take a close look at your issue.

---

<div class="post-metadata">

**Author:** ![Niall\_Watson](https://avatars.discourse-cdn.com/v4/letter/n/e274bd/32.png) [@Niall\_Watson](https://forum.inductiveautomation.com/u/Niall_Watson)\
**Post date:** [January 11, 2024, 12:08pm UTC](https://forum.inductiveautomation.com/t/ignition-vision-container-background-colour-problems/84102/5 "2024-01-11T12:08:25Z")

</div>

[Ignition\_Container\_Issue\_11012024.zip](https://forum.inductiveautomation.com/uploads/short-url/giqm9CUwEI6LYcFfSEUh4E4xGot.zip) (44.0 KB)

Jordan, export of picture attached. The container in the bottom right of the page should have the same appearance as the one to its left....

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [January 11, 2024, 12:35pm UTC](https://forum.inductiveautomation.com/t/ignition-vision-container-background-colour-problems/84102/6 "2024-01-11T12:35:56Z")

</div>

Ok, for whatever reason, the alpha on the left container, although it says 255, is actually zero (I imagine that opaque was turned off in the previous version).

If I drag the Alpha in the color picker the color resumes normally.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/8/7816c40e17611360cf1ef8f02442e192498c1527.png)

So, to make it transparent, set the alpha of the color to zero.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/5/2536ef55c850cfa8e632a5f3609e8d485571e55b.png)

---

<div class="post-metadata">

**Author:** ![Niall\_Watson](https://avatars.discourse-cdn.com/v4/letter/n/e274bd/32.png) [@Niall\_Watson](https://forum.inductiveautomation.com/u/Niall_Watson)\
**Post date:** [January 11, 2024, 1:27pm UTC](https://forum.inductiveautomation.com/t/ignition-vision-container-background-colour-problems/84102/7 "2024-01-11T13:27:51Z")

</div>

Hi Jordan

Yes - I'd tried and established that fix. However, when you adjust the alpha - the border disappears, which is not right. (I'm using bevel/lowered style). At what point was the opacity property removed from containers, as I believe this is the issue?

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [January 11, 2024, 3:37pm UTC](https://forum.inductiveautomation.com/t/ignition-vision-container-background-colour-problems/84102/8 "2024-01-11T15:37:41Z")

</div>

The look and feel was updated in v8.0 to support newer Java versions, so I'm guessing it happened then.

In that case, I recommend binding it to the background color of the root container. This will keep your border, and match colors.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/d/fd0e1fb4729ac7e829d4ba6baf24e7563586ebe5.png)

EDIT: I seem to remember where the opaque setting on some Swing components did not work as advertised. I can't find where I had read that, but that may also have played into the look and feel update.
