Skip to main content

Z-index management

  • September 4, 2024
  • 4 replies
  • 5298 views
Przemek3

Hey,
It would be great if we could manage the z-index of some elements.
Example:

I 've got an element which has a built-in tool tip displayed on hover (or click, whatever) if it’s in auto-layout and the previous element is just above, this tool tip will appear behind this precedent element. The only way to make it appear on top is to place it manually on the actual layout which takes horrendous amount of time.

I suggest there would be an option “take the highest z-index” or such when defining “display overlay” in prototyping mode.

Cesar_Rotela1
wes_carr
Mihkel Ronk

4 replies

Brian_Saunders
  • Brian_Saunders
  • New Participant
  • September 4, 2024

This is not exactly what you’re asking for, but you may be able to work around this issue by flipping the auto layout canvas stacking order as shown in the attached image.

image

Giraldi
Mario_Noble
Joachim_Tillessen
Przemek3
  • Przemek3
  • Author
  • New Participant
  • September 5, 2024

Hey, thanks that solves the issue but only when you are actually making a layout.
I prepare components for further use by others and it’s not very handy to constantly tell them to change the stacking.

Robson
  • Robson
  • New Member
  • September 7, 2025

I'm also experiencing the same problem and haven't been able to find a viable solution.

Adolfo Máximo
Jordi Vives Milià

I totally agree, we need z-index management.

In the example I attach below I’ve set the stacking as first on top because I need the gradient on the background to be under the carrousel. I need it to be under the faqs box too. However as the faqs box is positioned after the text with the gradient background it stays below.

Maybe I could set them both in an auto layout, change the stacking order for them both and keep the page autolayout as first on top but it would be much easier to have a z index input for each autolayout child.

 

 

Terms & ConditionsCookie settingsAccessibility statement