EasyUI
Home
Demo
Tutorial
Documentation
Download
Extension
Contact
Forum
EasyUI Forum
May 11, 2024, 08:01:29 AM
Welcome,
Guest
. Please
login
or
register
.
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News
:
Home
Help
Search
Login
Register
EasyUI Forum
>
General Category
>
General Discussion
>
Menus Panel Hiding Behind Popup Dialog
Pages: [
1
]
« previous
next »
Print
Author
Topic: Menus Panel Hiding Behind Popup Dialog (Read 5993 times)
Rakesh
Newbie
Posts: 9
Menus Panel Hiding Behind Popup Dialog
«
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
Logged
jarry
Administrator
Hero Member
Posts: 2264
Re: Menus Panel Hiding Behind Popup Dialog
«
Reply #1 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.
Logged
Rakesh
Newbie
Posts: 9
Re: Menus Panel Hiding Behind Popup Dialog
«
Reply #2 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
Logged
jarry
Administrator
Hero Member
Posts: 2264
Re: Menus Panel Hiding Behind Popup Dialog
«
Reply #3 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.
Logged
Pages: [
1
]
Print
« previous
next »
Jump to:
Please select a destination:
-----------------------------
General Category
-----------------------------
=> News
=> General Discussion
=> EasyUI for jQuery
=> EasyUI for Angular
=> EasyUI for Vue
=> EasyUI for React
=> Bug Report
Loading...