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

11 posts, 0 answers
  1. Otto Neff
    Otto Neff avatar
    36 posts
    Member since:
    Jul 2011

    Posted 09 Jul 2013 Link to this post

    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.
  2. Galin
    Admin
    Galin avatar
    526 posts

    Posted 11 Jul 2013 Link to this post

    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
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Otto Neff
    Otto Neff avatar
    36 posts
    Member since:
    Jul 2011

    Posted 12 Jul 2013 Link to this post

    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.

  5. Galin
    Admin
    Galin avatar
    526 posts

    Posted 17 Jul 2013 Link to this post

    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
    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.
  6. Carlos
    Carlos avatar
    2 posts
    Member since:
    Mar 2012

    Posted 21 Oct 2013 Link to this post

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

  7. Craig
    Craig avatar
    1 posts
    Member since:
    Feb 2013

    Posted 23 Oct 2013 Link to this post

    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?
  8. Galin
    Admin
    Galin avatar
    526 posts

    Posted 24 Oct 2013 Link to this post

    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
    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.
  9. David
    David avatar
    4 posts
    Member since:
    Jun 2013

    Posted 22 Nov 2013 Link to this post

    Hello Carlos,

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

    Thanks
  10. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 26 Nov 2013 Link to this post

    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
    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.
  11. karyjon
    karyjon avatar
    6 posts
    Member since:
    Oct 2012

    Posted 06 Jul 2014 Link to this post

    I Found last version has some problem with RadNotification. it's not support  Telerik.Web.UI.RadNotification
  12. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3600 posts

    Posted 07 Jul 2014 Link to this post

    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
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017