We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Ribbon Tab Z-Index

i noticed that ribbon tabs are using a z-index of 10000

is there a reason for this?

this creates problems with modal popup windows that show the underlying controls disabled but the ribbon tabs do not because of the z-index



1 Reply

RK Rajesh Kumar Anburajan Syncfusion Team November 10, 2016 11:36 AM UTC

Hi Michael Salzlechner,   
Thanks for contacting Syncfusion support.   
Query: “Ribbon Tab Z-Index”.   
We were able to reproduce the reported issue with jQuery UI dialog. So set the maximum z-index value or set same tab value to the dialog after creating it. Hence resetting maxZindex in control level is not a valid scenario in all cases so use the below workaround to achieve it in sample level.  
Please refer to the following code example.   
function onOpen() {   
            $( "#dialog" ).dialog();   //Render jQuery UI dialog   
            $(".ui-dialog").css("z-index",ej.getMaxZindex() + 1); // Here You can get the maximum z-index value using the getMaxZindex method.   
We have set highest z-index value to ribbon tab content not to be hidden by other Dom elements in the unpinned state like in the attached picture,    
We have created a sample with jQuery UI dialog. Please refer to it.   
Rajesh kumar A.   

Live Chat Icon For mobile
Up arrow icon