Ribbon Tab Z-Order

[Ardani]

Hi,

I have an issue with the Ribbon Tab, it seems to have higher z-order than the bootstrap menu.

Please see the screenshot in the attached zip file.

Many Thanks,

Ardani

Attachment: ribbon_bug_98e8747.zip

[Buvana Sathasivam]

Hi Ardani,   

  

Thanks for using Syncfusion products.   

                                                                                        

We have achieved your requirement using ‘z-index’ property in the following code.  You have to specify ‘z-index’ as ‘1’ which is set to Ribbon active content and Ribbon backstage page.  Please refer to the following code.   

  

<style>      

     .e-ribbon .e-active-content, .e-ribbon .e-ribbonbackstagepage{       

            z-index: 1;   // set z-index value here      

        }       

</style>    

  

  

Please let us know if you need further clarifications.   

  

Regards,   

Buvana S.