Ribbon Tab Z-Index

Question

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

thanks

Mike

Rajesh Kumar Anburajan · Answer

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.   
  
Sample: http://www.syncfusion.com/downloads/support/forum/127339/ze/Ribbon_sample90658506   
   
  
Regards,   
Rajesh kumar A.