ShowAboveChildren property for GUI objects

With sibling ZIndex behavior enabled, there is no way to make the parent object show on top of its children.

For example, if I wanted a custom background for a TextBox:

Screenshot_552Screenshot_551
The TextBox is covered by its background.

The only solutions to this are

  • separating the objects so they are both in the same parent and are sized/positioned separately
  • parenting the TextBox to the background

Both of which are undesirable and make editing/scripting the GUIs less efficient.

Example solution:

Screenshot_554Screenshot_553

A simple property that forces the parent to show over its children could both solve this issue and also improve the general UI design workflow.

3 Likes

This seems like a really awkward way to implement this. A more elegant way to support this would be negative ZIndex values for Sibling. That’s not how ZIndex works right now, but that’s how it needs to work for Sibling to be useful.

10 Likes

Why not just put them in a container, and do the sizing there?

ScreenGui
    Container         | Size: (set size here)
        TextBox       | Size: {1,0},{1,0}
        ImageLabel    | Size: {1,0},{1,0}

Conditionally treating the parent as a sibling isn’t very intuitive on its own. This would work better as an additional ZIndexBehavior, such as “SiblingAndParent”.

2 Likes

It’s just more work, and an extra layer of GUI objects that you need to go through when scripting.

Also as a UI designer I am thoroughly sick of making containers for everything lol

Using a constraint? Container.
Using some sort of special background design? Container.
Organising your work? Container.
Using sibling ZIndex behavior? Container.

It’s a quality of life thing.

Negative ZIndex is currently in the process of shipping.

7 Likes