Hi
I am using a data grid in a page overlay. When I right click the header to reveal the context menu, the menu is sitting behind the overlay window. I am thinking this may be a z-index issue but I am not 100% sure.
Which styles does the grid header context menu use?
Thanks
Scott
Wimac
You can modify dhtmlxgrid_hmenu.css file:
.dhx_header_cmenu{
background-color:#ffffff;
border:2px outset silver;
z-index:999999;
}
I see the issue now. We are using jquery blockUI scripts. There is a transparent iFrame that suppresses any underlying content that isn’t in the content window. I’m guessing the cmenu is rendered separately to the grid/gridcontainer.
We have similar issue. We have following stacked layout:
– DHTMLX chart element
– DHTMLX grid element
When we right click on the header of the grid, the menu overlaps the chart labels. The Labels(dhx_canvas_text) from the underlying chart show up on top of the header menu.
I tried to increase the z-index of “.dhx_header_cmenu” to 999999 as suggested, but it didn’t help. However, if I reduced the z-index of “dhx_canvas_text” from 1000 to 100, it worked fine. I wanted to confirm if my change to canvas text would have some other adverse effect or not.
My changes were being made in dhtmlx.css.
Please Advise.
Hello,
are you using the latest chart version ? If the problem happens with the latest version, please provide a demo where we can reproduce the problem.
Thanks. I found the problematic area and fixed it.
Implemented change in dhtmlx.css. Z-Index of “dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon” was changed to 1001 and following style was added:
–> z-index:1001!important;