Telerik ASP.NET AJAX with Visual Studio 2013 Preview (VS2013)

[Otto Neff]

Hi,
was anyone already able to get the Telerik ASP.NET Ajax Controls get properly to work with VS2013 Preview?
Everything is working in my test project so far, except the Embedded Skins are not provided by WebResource.axd from
the assembly.
MasterPage Codebehind:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Optimization;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace TelerikVS2013
{
    public partial class SiteMaster : MasterPage
    {
        protected override void OnInit(EventArgs e)
        {
            base.OnInit(e);
            radScriptManager.Scripts.Add(new ScriptReference { Name = "WebFormsBundle" });
            radScriptManager.Scripts.Add(new ScriptReference { Name = "bootstrap" });
            radScriptManager.Scripts.Add(new ScriptReference { Name = "jquery.ui.combined" });
            BundleResolver resolver = new BundleResolver(BundleTable.Bundles);
            foreach (Bundle bundle in BundleTable.Bundles)
            {
                if (bundle is ScriptBundle)
                {
                    foreach (string js in resolver.GetBundleContents(bundle.Path))
                    {
                        radScriptManager.Scripts.Add(new ScriptReference(js));
                    }
                }
            }
        }
    }
}

web.config

<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <appSettings>
    <add key="Telerik.Skin" value="Office2010Black" />
    <add key="Telerik.ScriptManager.TelerikCdn" value="Disabled" />
    <add key="Telerik.StyleSheetManager.TelerikCdn" value="Disabled" />
    <add key="Telerik.Web.UI.RenderMode" value="lightweight" />
    <add key="Telerik.Web.UI.StyleSheetFolders" value="~/Content/;" />
    <add key="Telerik.Web.UI.EnableEmbeddedSkins" value="false"/>
    <add key="Telerik.Web.SkinsAssembly" value="Telerik.Web.UI.Skins"/>
  </appSettings>
  <system.web>
    <compilation debug="true" targetFramework="4.5" strict="false" explicit="true" >
    </compilation>
    <httpRuntime targetFramework="4.5" />
    <pages>
      <namespaces>
        <add namespace="System.Web.Optimization" />
      </namespaces>
      <controls>
        <add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI"/>
        <add assembly="Microsoft.AspNet.Web.Optimization.WebForms" namespace="Microsoft.AspNet.Web.Optimization.WebForms" tagPrefix="webopt" />
      </controls>
    </pages>
    <httpHandlers>
      <add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false" />
      <add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false" />
      <add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false" />
      <add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false" />
      <add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />
    </httpHandlers>
  </system.web>
  <system.webServer>
    <validation validateIntegratedModeConfiguration="false" />
    <modules runAllManagedModulesForAllRequests="true">
    </modules>
    <handlers>
      <remove name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" />
      <remove name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" />
      <remove name="ExtensionlessUrlHandler-Integrated-4.0" />
      <add name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness32" responseBufferLimit="0" />
      <add name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework64\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness64" responseBufferLimit="0" />
      <add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
      <remove name="ChartImage_axd" />
      <add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" preCondition="integratedMode" />
      <remove name="Telerik_Web_UI_SpellCheckHandler_axd" />
      <add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" preCondition="integratedMode" />
      <remove name="Telerik_Web_UI_DialogHandler_aspx" />
      <add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode" />
      <remove name="Telerik_RadUploadProgressHandler_ashx" />
      <add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" preCondition="integratedMode" />
      <remove name="Telerik_Web_UI_WebResource_axd" />
      <add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode" />
    </handlers>
  </system.webServer>
</configuration>

Master Page Markup

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="TelerikVS2013.SiteMaster" %>

<!DOCTYPE html>

<html lang="en">
<head runat="server">
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><%: Page.Title %> - My ASP.NET Application</title>
    <asp:PlaceHolder runat="server">
        <%: Scripts.Render("~/bundles/modernizr") %>
    </asp:PlaceHolder>
    <webopt:BundleReference runat="server" Path="~/Content/css" />
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <telerik:RadStyleSheetManager ID="radStyleSheetManager" runat="server">
        <StyleSheets>
        </StyleSheets>
    </telerik:RadStyleSheetManager>
</head>
<body>
    <form runat="server">
        <telerik:RadScriptManager ID="radScriptManager" runat="server" ScriptMode="Debug" AllowCustomErrorsRedirect="true" AsyncPostBackTimeout="600" EnablePartialRendering="true">
            <CompositeScript>
                <Scripts>
                    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
                    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
                    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
                </Scripts>
            </CompositeScript>
        </telerik:RadScriptManager>
        <telerik:RadAjaxManager runat="server" ID="radAjaxManager" />
        <header>
            <div class="navbar navbar-inverse navbar-fixed-top">
                <div class="navbar-inner">
                    <div class="container">

                        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>

                        <a class="brand" runat="server" href="~/">Application name</a>

                        <div class="nav-collapse collapse">
                            <ul class="nav nav-pills nav-stacked">
                                <li><a runat="server" href="~/">Home</a></li>
                                <li><a runat="server" href="~/About">About</a></li>
                                <li><a runat="server" href="~/Contact">Contact</a></li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </header>
        <div class="container">
            <asp:ContentPlaceHolder ID="MainContent" runat="server">
            </asp:ContentPlaceHolder>
            <hr />
            <footer>
                <p>© <%: DateTime.Now.Year %> - My ASP.NET Application</p>
            </footer>
        </div>

    </form>
</body>
</html>

Cheers Otto.

[Galin]

Hi Otto,

Could you please elaborate a bit more on this matter and what do you exactly mean with Embedded Skins are not provided by WebResource.axd?

Please note the RadControls extensions for VS2013 will be available with the SP1.

I hope this helps.

Regards,
Galin
Telerik

[Otto Neff]

Hi Galin,

as you can see in Picture http://www.telerik.com/ClientsFiles/473411_Developer-Tools---http-localhost-55896-2013-07-09-08-52-35.png
the Ressources from Telerik DLLs are not deliviered to the browser.

I guess it has something to do with the switch from new default ASP.NET 4.5 ScriptManager to RadScriptManager in the MasterPage. But it's just a guess. I know I also could Bundle everything to have it delivered with the Telerik Ressource Handler with non Embedded Skins, but this a bit of work.

Got a lot of other things going on... was just a little Sandbox Test. Maybe the DLLs have to be updated first before
it works out of the box. So I'll wait for SP1.

Thanks for your reply. Greetings Otto.

[Galin]

Hello Otto,

I have reviewed again the provided information and from the last screenshot in the first post it seems you have routing enabled.  Could you try to disable all routing rules and check out again?

Also in other screenshots I see the Telerik resources are loaded correctly. Note that the problematic resources which are not deliviered to the browser are actually unrelated with the Telerik Control WebResources (see the screenshot in your last post).

Please review your project with those suggestions and let me know how it goes.

Regards,
Galin
Telerik

[Carlos]

The gridview not working with vs 2013 Framework 4.5.1, the table not paint

[Craig]

I too am having the same problems with some of my RadGrids.

Some RadGrids are displaying correctly with the correct Skin. But others are displaying just blank, like the Skin files/formatting/css rules are being blocked and/or not applied.

And it's only on certain pages throughout our website.

Any ideas?

[Galin]

Hello Craig,

The issue is already fixed and will be part of the next internal build, which will be released in the next week and you can download it from here.

i hope this helps.

Regards,
Galin
Telerik

[David]

Hello Carlos,

Did you find a solution? I'm having the same problems as you do.

Thanks

[Maria Ilieva]

Hello David,

Have you checked the Latest Build available where the issue is fixed? Give it a try and let us know how it goes.

Regards,
Maria Ilieva
Telerik

[karyjon]

I Found last version has some problem with RadNotification. it's not support  Telerik.Web.UI.RadNotification

[Marin Bratanov]

Hello karyjon,

Could you specify what the exact issue with the RadNotification class is? We are not aware of problems between the notification control and Visual Studio 2013 and if the class is undefined the most likely problem is that the reference to the Telerik assemblies in the project is incorrect.

Another possible problem is missing controls in the toolbox of the Express edition and if you are using this free version you would need to add them manually, as explained here: http://www.telerik.com/help/aspnet-ajax/introduction-adding-to-vs-toolbox-net.html because commercial extensions are forbidden by its EULA.


Regards,

Marin Bratanov
Telerik