Is there any way to force an NUI z-index above the standard 9999 you get from `SetNUIFocus()`?

FiveM Resource Development & Modding Discussion
1

Hi there,

I have 2 NUI’s that are running concurrently. One is an alerts NUI that displays key info for users like successes, fails, hints etc and another is just a dashboard for another resource.

The problem is, where I am needing to use SetNUIFocus(true, true) for the dashboard NUI so buttons can be pressed etc, it causes the alert NUI to go behind the dashboard.

So my question is, how can I go about setting the alert NUI permanently above any of the other NUI’s (for example, using z-index: 10000).

Many thanks in advance, I’ve been searching the forums for previous answers but was not successful.

2

You would probably have to edit the css of your alerts.

If all of the alerts are inside a container then you should just edit the styling of that container to have z-index: 10001 inside it.

So, for example (inside your css file):

alert-container {
    z-index: 10001;
}

You could theoretically do this to the <body> tag in your html too like so: <body style="z-index: 10001;">, however, the first method is recommended.