This is a migrated thread and some comments may be shown as answers.

Facing error - Telerik.Web.UI.Overlay is undefined for RadMenu placed in user control with OutputCache

1 Answer 70 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Kalpesh asked on 30 Dec 2013, 12:46 PM
Hi Team,

We have used RadMenu in our application. we have override some CSS classes to provide our own images as menu items. It was working good so far. But, from the moment we added below tag in user control (which has Menu placed), menu has stopped drilling down and CSS are not working properly.

<%@ OutputCache Duration="43434" VaryByParam="None" VaryByCustom="abc" Shared="true" %>

We referred to your tutorial from here and set the CSS and Script reference accordingly, but even-though, the problem hasn't resolved.

I have observed below errors in the error console of the browser.
  1. TypeError: Telerik.Web.UI.Overlay is undefined NavigationScript.js
  2. ReferenceError: Sys is not defined.  - This error has been resolved by placing "<location path="Telerik.Web.UI.WebResource.axd"></location>" tag in web.config. I have refereed this post  for the same.

But some how, still my Menu is not behaving as expected.

Please assist ASAP. Let me know if you need more details.

1 Answer, 1 is accepted

Sort by
Boyan Dimitrov
Telerik team
answered on 02 Jan 2014, 01:32 PM

I would like to clarify that your observations are absolutely correct and the reason why the RadMenu is not behaving as expected is caused by the "TypeError: Telerik.Web.UI.Overlay is undefined NavigationScript.js" error. The provided information in the ticket shows that you are using our latest official version of our control. In this version the overlay script is not part of the NavigationScripts.js file but it is separate file in the Navigation folder. So in this case please add an additional script reference pointing to OverlayScript.js file within the Scripts/Common/Navigation folder as shown in the code snippet below:
//markup code

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
                <asp:ScriptReference Path="~/Scripts/Common/Core.js" />
                <asp:ScriptReference Path="~/Scripts/Common/jQuery.js" />
                <asp:ScriptReference Path="~/Scripts/Common/jQueryPlugins.js" />
                <asp:ScriptReference Path="~/Scripts/Common/Navigation/NavigationScripts.js" />
                <asp:ScriptReference Path="~/Scripts/Common/Navigation/OverlayScript.js" />
                <asp:ScriptReference Path="~/Scripts/Menu/RadMenuScripts.js" />

Please note that all JavaScript files are available in the distribution (EXE, ZIP and hotfix) of RadControls' "Scripts" folder (including the OverlayScript.js file).

I would like to assure you that we will update all related help resources as soon as possible.

Boyan Dimitrov
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Asked by
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
Share this question