

| function RowClick(sender, eventArgs) |
| { |
| var MasterTableView = eventArgs.get_tableView(); |
| var cell = MasterTableView.getCellByColumnUniqueName(MasterTableView.get_dataItems()[eventArgs.get_itemIndexHierarchical()], "item"); |
| var cell2 = MasterTableView.getCellByColumnUniqueName(MasterTableView.get_dataItems()[eventArgs.get_itemIndexHierarchical()], "OrdNumb"); |
| var cell3 = MasterTableView.getCellByColumnUniqueName(MasterTableView.get_dataItems()[eventArgs.get_itemIndexHierarchical()], "POS"); |
| var cell4 = MasterTableView.getCellByColumnUniqueName(MasterTableView.get_dataItems()[eventArgs.get_itemIndexHierarchical()], "HdrBuyFromBP"); |
| var oWnd = radopen("Details.aspx?item=" + cell.innerHTML + "&Order_No=" + cell2.innerHTML + "&POS=" + cell3.innerHTML + "&BP=" + cell4.innerHTML ); |
| oWnd.add_close(OnClientClose); |
| } |
| function OnClientClose(sender,args) |
| { |
| // GetRadWindow().BrowserWindow.location.reload(); |
| } |
| </script> |

Hi,
I have a RadMenu which contains some sub menu items. The RadMenu is inside a RadPane which is adjacent to another RadPane in a splitter.
The Menu works fine in IE7, but in FireFox, the sub menu items go behind the RadPane. I followed an earlier post to set the z-index to a large number, and also set the position to absolute but it has no effects.
Thanks,
Kathy
Below code demonstrates the issue.
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style type="text/css">
.test
{
z-index:10000;
position:absolute;
}
</style>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<telerik:RadSplitter ID="RadSplitter1" Runat="server" Orientation="Horizontal" >
<telerik:RadPane ID="RadPane1" Runat="server" Height="30">
<telerik:RadMenu ID="RadMenu1" Runat="server" Flow="Horizontal">
<Items>
<telerik:RadMenuItem Text="A" CssClass="test">
<Items>
<telerik:RadMenuItem Text="B"></telerik:RadMenuItem>
</Items>
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
</telerik:RadPane>
<telerik:RadPane ID="RadPane2" Runat="server">
Testing
</telerik:RadPane>
</telerik:RadSplitter>
</form>
</body>
</html>