# A loading screen that hides all red boxes/overlays templates

**URL:** <https://forum.inductiveautomation.com/t/a-loading-screen-that-hides-all-red-boxes-overlays-templates/21463>\
**Category:** Ignition\
**Tags:** ignition79\
**Created:** [December 17, 2018, 8:13pm UTC](https://forum.inductiveautomation.com/t/a-loading-screen-that-hides-all-red-boxes-overlays-templates/21463 "2018-12-17T20:13:30Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\
**Post date:** [December 17, 2018, 8:13pm UTC](https://forum.inductiveautomation.com/t/a-loading-screen-that-hides-all-red-boxes-overlays-templates/21463/1 "2018-12-17T20:13:30Z")

</div>

I have a popup that has a few templates that populate with a db query (which is managed in the template, not avaiable via the popup window properties browser).

I have a big loading gif that is a template that I want to cover everything until all the data is loaded. I gave it a dark grey background.

Inside of the internalFrameActivated event, I do the following:

```auto
rc = system.gui.getParentWindow(event).getRootContainer()
loadingVeil = rc.getComponent("Loading_Veil")
rc.setComponentZOrder(loadingVeil, 100)
loadingVeil.visible = True

def turnOffLoading(loadingVeil = loadingVeil):
    loadingVeil.visible = False

# other code is here
# ...
# other code here

system.util.invokeLater(turnOffLoading)

```

The veil does come and go and thats fine. My issue is that one of the templates on screen, which is basically just 3 text area boxes, temporarily had the red box while it’s trying to query for it’s data.

And the other two templates, both combo boxes, simply break through the dark grey background in a very obvious manner.

How can I 1) stop the red boxes from appearing in the template text area boxes and 2) make the template combo boxes not appear above my loading veil component?

---

<div class="post-metadata">

**Author:** ![Claus\_Nielsen](https://avatars.discourse-cdn.com/v4/letter/c/77aa72/32.png) [@Claus\_Nielsen](https://forum.inductiveautomation.com/u/Claus_Nielsen)\
**Post date:** [December 17, 2018, 8:16pm UTC](https://forum.inductiveautomation.com/t/a-loading-screen-that-hides-all-red-boxes-overlays-templates/21463/2 "2018-12-17T20:16:58Z")

</div>

1. Disable overlays for the component bindings

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

1. Tried moving the overlay to the front?

![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/0/06c127e46ab714871522fa6563924eaf3cf972ba.png)

---

<div class="post-metadata">

**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\
**Post date:** [December 17, 2018, 8:31pm UTC](https://forum.inductiveautomation.com/t/a-loading-screen-that-hides-all-red-boxes-overlays-templates/21463/3 "2018-12-17T20:31:51Z")

</div>

That does work for the red boxes, thank you.

Any reason why the white of the text areas/combo boxes is still cutting through my dark grey loading veil with Z-Index 100?

---

<div class="post-metadata">

**Author:** ![Claus\_Nielsen](https://avatars.discourse-cdn.com/v4/letter/c/77aa72/32.png) [@Claus\_Nielsen](https://forum.inductiveautomation.com/u/Claus_Nielsen)\
**Post date:** [December 17, 2018, 8:34pm UTC](https://forum.inductiveautomation.com/t/a-loading-screen-that-hides-all-red-boxes-overlays-templates/21463/4 "2018-12-17T20:34:40Z")

</div>

Guess you are using transparency on a rectangle? IMO rectangles and transparency (and a lot of other stuff) bugs in a lot of ways. If you are using a rectangle, try to use an empty container instead.

---

<div class="post-metadata">

**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\
**Post date:** [December 17, 2018, 8:36pm UTC](https://forum.inductiveautomation.com/t/a-loading-screen-that-hides-all-red-boxes-overlays-templates/21463/5 "2018-12-17T20:36:06Z")

</div>

You know what, it looks kind of cool with all the boxes shining through, I’m going to call this a feature not a bug. Thanks though I’ll go the container route if need be.