Ribbon Tab Z-Index

[Michael Salzlechner]

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]

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.