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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Ribbon Tab Z-Index

Thread ID:





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

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



Rajesh Kumar Anburajan [Syncfusion]
Replied On 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.   


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.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon 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.Close Icon