EasyUI Forum

General Category => General Discussion => Topic started by: Rakesh on December 09, 2016, 03:48:56 AM



Title: Menus Panel Hiding Behind Popup Dialog
Post by: Rakesh on December 09, 2016, 03:48:56 AM
Hello ,

I have a menu List in North Layout, on hover its Displaying Panel.
But when a dialog popup opened , the menu hiding behind the dialog.

I tried increasing z-index of Menu panel more than Window and masking.
Even then its Coming above Dialog.

I have attached Image for reference.

Please help me regarding this.


Thanks in Advance
 


Title: Re: Menus Panel Hiding Behind Popup Dialog
Post by: jarry on December 09, 2016, 07:59:45 PM
A modal dialog will prevent the user from operating elements under it. So please set the 'modal' property to false, or move your dialog to the center panel and set its 'inline' property to true. The inline dialog will stay on its original position so it does not cover the menu on the north panel.


Title: Re: Menus Panel Hiding Behind Popup Dialog
Post by: Rakesh on December 09, 2016, 11:03:56 PM
Hello jarry,

Thanks for your quick reply.

For the Dialog i have given inline True. So its correctly fitting to Center Region of Layout.
And i have given Modal true so the Mask is appearing.

I have Dragged the Dialog purposefully to show that menu dropdown is hiding behind.

As mentioned earlier the Menu Dropdown should come above the Dialog. How can i achieve that. I tried all possible ways.

The Menu is in North Region of the Layout.

Please help me out

Thanks


Title: Re: Menus Panel Hiding Behind Popup Dialog
Post by: jarry on December 10, 2016, 05:25:38 AM
Please look at this example http://code.reloado.com/odobep3/edit#javascript,html. All the drop-down menus display above the dialog.