Overlaying 2 containersCOMP

Beginners
1

Hi,

I have my final container containing my UI for my project, amd I would like to add a animated layer on top, without affecting the interactivity of my UI.

I tried to play around with different parameters of containers, like changing the “blend mode” without success.

Is there a way to achieve this?

Thank you

2

Have you tried the ‘Click Through’ toggle?
It will pass mouse events to the layers below without intercepting them.

3

hey @rob
thanks for your answer, I indeed didn’t see the “Click Through” option. That will for sure help me in the second step of my attent!
Right now I don’t even manage to overlay the 2 containers on top of each other in a third one (my UI container and my animation container)
Is there a tutorial somewhere on how to achieve that? I went through the doc and a lot of googling, but couldn’t find any explanation…

Thanks

4

Hi @flashbacker,

there are a few things that might be happening here:

  • if the parent container uses a align option, a container that should be used as a overlay needs the Parent Alignment parameter on the Layout Page set to “Ignore”
  • if the containers are not properly layered, use the Depth Layer parameter to order them properly

Maybe the 2 attached examples explain it a bit?

cheers
Markus
ignoringAlignment.tox (678 Bytes)
sortingDepthLayers.tox (686 Bytes)

5

Thanks Markus @snaut !
It helped a lot indeed, and I finally got it working, but I had to do a little trick…

I first had all my containers ( the parent container and the 2 children inside which are selectCOMP ) set to fixed width and height. Although I could verify the “ignore alignment” was working, the blending mode was inactive and my top layer was covering the other one.
What made it work is to change my top layer Horizontal and Vertical Mode to Anchor, and set one of them to a very small value like 0.001 (0 would deactivate the blend as well).
I’m not comfortable enough with UI to state for sure that it is a bug, but if it is intended, I have to say I find it a very confusing feature :sweat_smile:

(if it’s a bug, my version is a bit old v2020.26630)

But it’s working thanks!

6

Hi @flashbacker,

indeed - if this is a feature it sounds very confusing - any chance for us to have a look at it? At least we could verify how it is working in the latest official release.

cheers
Markus

7

hey @snaut ,

So I checked with the latest version ( 2021.14360) and when I modify the settings on my existing containers, the problem is still there, but if I create a new container it is working properly.

I think the issue has been fixed in btw, but I’m stucked with older one for licensing reasons :sweat_smile: