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.

Fit ejMenu into container

Thread ID:

Created:

Updated:

Platform:

Replies:

131574 Jul 17,2017 10:01 AM Jul 18,2017 07:39 AM Angular 1
loading
Tags: ejMenu
Agne
Asked On July 17, 2017 10:01 AM

Hello,

is there a possibility to show ej-menu in front of all components/div elements and etc., or (maybe better way), to fit ejMenu in container (div tag)?
Now it looks like this and it is hiding under container (div tag):
 

Prince Oliver [Syncfusion]
Replied On July 18, 2017 07:39 AM

Hi Agne, 

Thank you for contacting Syncfusion support. 

The Sub menu items will usually have a higher z-index and hence it will be displayed above the container <div> element. In your case, the <div> container must have a higher z-index than sub menu element or it must have overflow property to set as hidden. So, to fix this, you need to set a z-index value for submenu items higher than the <div> element or set the overflow property to visible for <div> element. Kindly refer to the following code snippet. 

<style> 
    .divContainer{ 
      overflow: visible;  
      z-index: 10; /*Lower than sub menu */ 
    } 
</style> 


Regards, 
Prince 


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.

;