I have a master page that has a WebDataMenu component on it. When I use the WebDropDown component on a detail page it shows through the menu drop down items. Can anybody provides any insights as to how to fix this?
Thanks!
Paul
Hi,
are you using it with IE7? Because IE7 incorrectly treates z-index CSS values. You have to apply higher z-index of the menu and position it in a relatively positioned DIV. You can take a look at samples.infragistics.com. We use this hack to make it work under IE7.
Thanks,
Lubomir
Lubomir,
Where in the samples can I see this z-index hack being used?
I am trying the following javascript and it doesn't resolve the overlaying issue:
var menu = $IG.WebDataMenu.find("<%=uwmMain.ClientID%>"); menu.get_element().style.zIndex = "2000"; var mainItems = menu.getItems(); for (var i = 0; i < mainItems.get_length(); i++) { var item = mainItems.getItem(i); var elem = item.get_element(); elem.style.zIndex = "2000"; if (item.hasChildren()) { for (var c = 0; c < item.getChildrenCount(); c++) { var subItem = item.get_childItem(c); var subElem = subItem.get_element(); subElem.style.zIndex = "2000"; } } }