I have a webdatamenu that is working well, except for an odd appearnce in Internet Explorer 6.0.
At irreular times, it displays behind controls on the page. the attached screen shots show this. All occasions are related to the WebPanel control in one form or another - wither the entire panel obscures the popup menu, or certain controls on a panel do so (innocuous things like webdropdown or asp:label controls).
Its obvious that there is a fault with the menu's CSS definitions (Z-order?) in IE 6 - but is this something i can rectify or is it a bug? I am using the Office2007Blue application style, though I switched to the default app style for these screen shots to see if the problem was limited to one application styleset.
I am using version: 10.1.2051
Hi,
if you see this behavior consistently please contact developer support to open a support request. In the mean time as a workaround you can try to set higher zIndex on the sub menu items using the DOM tree.
Thanks,
Lubomir
have done so, in the meantime, I am aware of the z-order CSS style, but aren't sure what I can do about this - can you provide a few more hints to the javascript required here?
you can do the following:
var menu = ig_controls.WebDataMenu1;
var elem = menu.getItems().getItem(0).get_element() - returns the DOM instance of the LI tag of the menu.
Now you can say elem.zIndex = "2000" ;
You can have a simple function that iterates the items of the menu and sets zIndex +=1000 for each level you go down. Eventually the fix in the control be something similar on the server side.