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.
Unfortunately, activation email could not send to your email. Please try again.

Ribbon Tab Z-Index

Thread ID:

Created:

Updated:

Platform:

Replies:

127339 Nov 9,2016 06:56 AM Nov 10,2016 06:36 AM JavaScript 1
loading
Tags: ejRibbon
Michael Salzlechner
Asked On November 9, 2016 06:56 AM

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 [Syncfusion]
Replied On November 10, 2016 06:36 AM

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.   
  
   
  
Regards,   
Rajesh kumar A.   


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;