I have the menu in a master page, it works fine locally on the dev box but once deployed to the server the subitems fail to display.
<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %>
<%@ 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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Epike Apps</title>
<telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">
</telerik:RadCodeBlock>
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript" language='javascript' src="<%=resolveurl("~/js/popupWin.js")%>"></script>
<script language="javascript" type="text/javascript">
function imgDisplaySwap(id, img) {
var pnl = document.getElementById(id);
var img = document.getElementById(img);
if (pnl == null) { return }
if (img == null) { return }
var expand = pnl.style.display == '';
pnl.style.display = (expand ? 'none' : '');
img.src = (expand ? '<%=resolveurl("~")%>images/right.gif' : '<%=resolveurl("~/images/down.gif")%>');
}
function popupAttach(id) {
var path;
path = '<%=resolveurl("~/")%>protected/workorders/WOUploadFile.aspx?id=' + id
var ret = OpenWindowModal(path, 500, 250, true);
return ret;
}
function OpenWindowModal(pstrUri, pintWidth, pintHeight, pblnReloadWindowAfter) {
var retVal = window.showModalDialog(pstrUri, window, "dialogWidth: " + pintWidth + "px; dialogHeight: " + pintHeight +
"px; edge: Raised; status: No; scroll: Yes; resizable: Yes; center: Yes; help: No;");
if (pblnReloadWindowAfter && retVal == "REFRESH") {
return true;
}
else {
return false;
}
}
function CloseWindow()
{
var oWindow = GetRadWindow(); //Obtaining a reference to the current window
oWindow.Close();
}
function GetRadWindow()
{
var oWindow = null;
if (window.radWindow) oWindow = window.radWindow;
else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;
return oWindow;
}
function SuccessUpload() {
alert("File was successfully uploaded.");
CloseWindow();
}
</script>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<link type="text/css" rel="Stylesheet" href="<%=resolveurl("~/css/master.css") %>" />
</telerik:RadCodeBlock>
</head>
<body runat="server" id="body">
<form id="form1" runat="server">
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
</telerik:RadAjaxManager>
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<div id="masterHeader">
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/epikeappslogoWhite.png" />
<div>
<asp:Label ID="lblLogin" runat="server" Text=""></asp:Label>
</div>
</div>
<div id="masterSecondary">
<div id="masterNav">
<a href="<%=resolveurl("~/default.aspx") %>">
<img height="151" alt="" src="<%=resolveurl("~/images/epike_01.gif")%>" width="153" border="0" />
</a>
<div id="masterNavWrapper">
<asp:LinqDataSource ID="ldsMainNav" runat="server"
ContextTypeName="SkywardDataContext" TableName="info_Navigations"
OrderBy="NavOrder, displayText" Where="GroupName == @GroupName">
<WhereParameters>
<asp:Parameter DefaultValue="appsMain" Name="GroupName" Type="String" />
</WhereParameters>
</asp:LinqDataSource>
<telerik:RadMenu ID="rmMainNav" runat="server" DataFieldID="id"
DataFieldParentID="parentid" DataNavigateUrlField="url"
DataSourceID="ldsMainNav" DataTextField="displayText"
DataValueField="value" BorderStyle="None"
Flow="Vertical" Font-Names="Verdana" CssClass="radNav"
EnableEmbeddedSkins="False">
</telerik:RadMenu>
<telerik:RadMenu ID="RadMenu1" Runat="server" DataFieldID="id"
DataFieldParentID="parentid" DataNavigateUrlField="url"
DataSourceID="ldsMainNav" DataTextField="displayText" DataValueField="value"
Skin="Default">
</telerik:RadMenu>
</div>
</div>
<div id="masterContent">
<div>
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
</div>
</form>
</body>
</html>
html,body
{
width:100%;
margin:0px;
}
#masterHeader
{
background-color:#990000;
float:left;
width:100%;
height:60px;
min-width:1000px;
}
#masterSecondary
{
/*background-color:white;*/
float:left;
clear:both;
width:100%;
min-width:1000px;
}
#masterContent
{
/*background-color:blue;*/
float:left;
width:auto;
min-width:825px;
max-width:80%;
margin-top:10px;
}
#masterHeader img
{
margin:10px 0px 0px 220px;
}
#masterHeader div
{
background-color:#990000;
margin:20px 20px 0px 0px;
*margin:-30px 20px 0px 0px; /*IE hack*/
text-align:right;
color:White;
float:right;
width:400px;
}
#masterContent > div
{
/*background-color:green;*/
margin:0px 10px 10px 10px;
}
#masterNav
{
background-color:#990000;
float:left;
clear:left;
width:175px;
margin-top:-60px;
}
#masterNav img
{
margin:5px 0px 20px 5px;
}
a
{
outline:none;
}
<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %>
<%@ 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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Epike Apps</title>
<telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">
</telerik:RadCodeBlock>
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript" language='javascript' src="<%=resolveurl("~/js/popupWin.js")%>"></script>
<script language="javascript" type="text/javascript">
function imgDisplaySwap(id, img) {
var pnl = document.getElementById(id);
var img = document.getElementById(img);
if (pnl == null) { return }
if (img == null) { return }
var expand = pnl.style.display == '';
pnl.style.display = (expand ? 'none' : '');
img.src = (expand ? '<%=resolveurl("~")%>images/right.gif' : '<%=resolveurl("~/images/down.gif")%>');
}
function popupAttach(id) {
var path;
path = '<%=resolveurl("~/")%>protected/workorders/WOUploadFile.aspx?id=' + id
var ret = OpenWindowModal(path, 500, 250, true);
return ret;
}
function OpenWindowModal(pstrUri, pintWidth, pintHeight, pblnReloadWindowAfter) {
var retVal = window.showModalDialog(pstrUri, window, "dialogWidth: " + pintWidth + "px; dialogHeight: " + pintHeight +
"px; edge: Raised; status: No; scroll: Yes; resizable: Yes; center: Yes; help: No;");
if (pblnReloadWindowAfter && retVal == "REFRESH") {
return true;
}
else {
return false;
}
}
function CloseWindow()
{
var oWindow = GetRadWindow(); //Obtaining a reference to the current window
oWindow.Close();
}
function GetRadWindow()
{
var oWindow = null;
if (window.radWindow) oWindow = window.radWindow;
else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;
return oWindow;
}
function SuccessUpload() {
alert("File was successfully uploaded.");
CloseWindow();
}
</script>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<link type="text/css" rel="Stylesheet" href="<%=resolveurl("~/css/master.css") %>" />
</telerik:RadCodeBlock>
</head>
<body runat="server" id="body">
<form id="form1" runat="server">
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
</telerik:RadAjaxManager>
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<div id="masterHeader">
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/epikeappslogoWhite.png" />
<div>
<asp:Label ID="lblLogin" runat="server" Text=""></asp:Label>
</div>
</div>
<div id="masterSecondary">
<div id="masterNav">
<a href="<%=resolveurl("~/default.aspx") %>">
<img height="151" alt="" src="<%=resolveurl("~/images/epike_01.gif")%>" width="153" border="0" />
</a>
<div id="masterNavWrapper">
<asp:LinqDataSource ID="ldsMainNav" runat="server"
ContextTypeName="SkywardDataContext" TableName="info_Navigations"
OrderBy="NavOrder, displayText" Where="GroupName == @GroupName">
<WhereParameters>
<asp:Parameter DefaultValue="appsMain" Name="GroupName" Type="String" />
</WhereParameters>
</asp:LinqDataSource>
<telerik:RadMenu ID="rmMainNav" runat="server" DataFieldID="id"
DataFieldParentID="parentid" DataNavigateUrlField="url"
DataSourceID="ldsMainNav" DataTextField="displayText"
DataValueField="value" BorderStyle="None"
Flow="Vertical" Font-Names="Verdana" CssClass="radNav"
EnableEmbeddedSkins="False">
</telerik:RadMenu>
<telerik:RadMenu ID="RadMenu1" Runat="server" DataFieldID="id"
DataFieldParentID="parentid" DataNavigateUrlField="url"
DataSourceID="ldsMainNav" DataTextField="displayText" DataValueField="value"
Skin="Default">
</telerik:RadMenu>
</div>
</div>
<div id="masterContent">
<div>
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
</div>
</form>
</body>
</html>
html,body
{
width:100%;
margin:0px;
}
#masterHeader
{
background-color:#990000;
float:left;
width:100%;
height:60px;
min-width:1000px;
}
#masterSecondary
{
/*background-color:white;*/
float:left;
clear:both;
width:100%;
min-width:1000px;
}
#masterContent
{
/*background-color:blue;*/
float:left;
width:auto;
min-width:825px;
max-width:80%;
margin-top:10px;
}
#masterHeader img
{
margin:10px 0px 0px 220px;
}
#masterHeader div
{
background-color:#990000;
margin:20px 20px 0px 0px;
*margin:-30px 20px 0px 0px; /*IE hack*/
text-align:right;
color:White;
float:right;
width:400px;
}
#masterContent > div
{
/*background-color:green;*/
margin:0px 10px 10px 10px;
}
#masterNav
{
background-color:#990000;
float:left;
clear:left;
width:175px;
margin-top:-60px;
}
#masterNav img
{
margin:5px 0px 20px 5px;
}
a
{
outline:none;
}