I am trying to show the overlay spinner while the second modal is open, but the z-index of first modal is always overlay spinner z-index+1
I already tried this.
.e-spin-overlay {
z-index: 9999 !important;
}
Hi Christian,
Greetings from Syncfusion support.
By default, the modal SfDialog ZIndex is higher than the other elements' z-indexes. It will create the overlay behind the SfDialog. Because you must interact with the SfDialog before interacting with the remaining content in your application. So, your SfSpinner overlay is rendered behind the SfDialog component.
If you wish to show SfSpinner in front of a modal SfDialog component, you need to specify a static ZIndex on the SfDialog component and also set a higher z-index in the SfSpinner component than the SfDialog ZIndex.
In the below sample, we have set the SfDialog component ZIndex as 10000 and 10001 and the SfSpinner component z-index as 10002. Please find the below code and sample for your reference.
|
<style> .e-spin-overlay { z-index: 10002 !important; } </style>
<SfDialog ZIndex="10000">…. </SfDialog>
<SfDialog ZIndex="10001">……</SfDialog> |
Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Spinner-193402692
Regards,
Buvana S
It works, thanks you
We are happy to hear your problem has been solved. Please let us know if you have any further queries.
