Changing the z-index value on fullscreen

Answered
Thiago Santos asked on July 2, 2024

Hi,

We use a custom spinner on our application, an div with a fullscreen spinner that we call every time we are processing some data.

Z-index is used to show that loading div in front every other element on or app. When we use the fullscreen mode, the popup that are shown use a Z-index with the '2147483647' value. This is the max value that Z-index works. There's someway we can change that value from the fullscreen div, our spinner don't are shown when we are in fullscreen, because the navigator always will show in front the div that have the highest value.

Thank, you!

Attachments:
Screenshot_10.png

1 answer

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster July 4, 2024

Hello,

Thank you for reaching out to us.

To display the pop-up on the fullscreen, we suggest appending the pop-up to the container containing Flexmonster. You are welcome to check this approach illustrated in the following JSFiddle example: https://jsfiddle.net/flexmonster/z1x2peym/ 

Please let us know if it works for you.

Kind regards,
Nadia

Please login or Register to Submit Answer