Ui issues with zindex

Can you send me a few screenshots? That’d be great.

Could I see:

Where the GUI is stored
The ZIndex of the Store button and the Loading screen

Still nothing. The shop button (Which has a ZIndex of 1) is somehow going over a frame with a ZIndex of 10…?

Look under the shop button, anything inside it, make sure you change the Zindex for those.

Ok so heres alot of images:
This is the shop (What is overlapping the frame)
Screen Shot 2020-08-07 at 7.41.33 am
Where it is:
Screen Shot 2020-08-07 at 7.41.38 am
The frame (that is being overlapped)
Screen Shot 2020-08-07 at 7.41.52 am
and the ZIndex for the frame
Screen Shot 2020-08-07 at 7.41.59 am
This is the ZIndex of the button though:
Screen Shot 2020-08-07 at 7.43.58 am
Also, my bad, they are in different guis.

The fact they are in different GUIs shouldn’t effect this.

Open “Open” and see what is under it (in explorer), change the Zindex for those to 1 too.

The underneath has a ZIndex of 0…
Screen Shot 2020-08-07 at 7.46.15 am

Go to the ScreenGui object and change the hierarchy property from Sibling to Global

7 Likes

This is strange.

For now, you can just, when teleporting, make the shop button invisible until needed again.

Try following @Nicolas_Caged’s soloution first.

kk, I will change it to global.

Where is this exactly located?

I am assuming it’s under the properties of the “Shop” GUI.

That just breaks my gui… The text just disappeared…

It would just be the way you set it up. If it’s less hassle try

kk.
I will try this. Thanks for all the help!

1 Like

No problem, if you need anything else just ask me.

Set the Z-Index of the TextObject to be higher than its background frame’s Z-Index

Does Not work. Text is still below.

I don’t think you might find a solution for this. If this may be a bug, then you must report it to Roblox.

1 Like

Change the DisplayOrder of the ScreenGui to a higher value than the ScreenGui where the button is. (Sorry for the late reply)

Edit: Just as a small explanation, the DisplayOrder is basically like a ZIndex for ScreenGuis.

1 Like

Sorry for bumping, but this was the solution and should probs be marked as such for future people, though this option is now under the “ZIndexBehavior” property. The issue was that the frame that was getting overlapped was a child of another element that was at the same level as the one that was overlapping. Here are images to showcase:

(ZIndexBehavior: Sibling)

(ZIndexBehavior: Global)