Geek Answers Handbook

Kendo UI Package Doesn't Work in IIS

I am developing an application in ASP.NET MVC 4 using Kendo UI, and the whole application works fine by launching Visual Studio 2012, but when published in bundled IIS Kendo does not work, leaving the entire interface unconfigured. Below is the code for the BundleConfig and Layout class with a call:

Bundleconfig.cs

public class BundleConfig { public static void RegisterBundles(BundleCollection bundles) { bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include( "~/Scripts/jquery.unobtrusive*", "~/Scripts/jquery.validate*")); bundles.Add(new ScriptBundle("~/bundles/kendo").Include( "~/Scripts/kendo/2013.1.514/jquery.min.js", "~/Scripts/kendo/2013.1.514/kendo.all.min.js", "~/Scripts/kendo/2013.1.514/kendo.aspnetmvc.min.js", "~/Scripts/kendo.modernizr.custom.js", "~/Scripts/kendo/2013.1.514/cultures/kendo.culture.pt-BR.min.js", "~/Scripts/kendo/2013.1.514/cultures/kendo.culture.es-ES.min.js")); bundles.Add(new ScriptBundle("~/bundles/noty").Include( "~/Scripts/noty/jquery.noty.js", "~/Scripts/noty/layouts/top.js", "~/Scripts/noty/layouts/topLeft.js", "~/Scripts/noty/layouts/topCenter.js", "~/Scripts/noty/layouts/topRight.js", "~/Scripts/noty/themes/default.js")); bundles.Add(new ScriptBundle("~/bundles/nicescroll").Include("~/Scripts/jquery.nicescroll.min.js")); bundles.Add(new ScriptBundle("~/bundles/fancy").Include( "~/Scripts/fancy/jquery.fancybox.js", "~/Scripts/fancy/jquery.facybox.pack.js")); bundles.Add(new StyleBundle("~/Content/site").Include("~/Content/Site.css","~/Content/ResetKendo.css")); bundles.Add(new StyleBundle("~/Content/pwb4").Include("~/Content/pwb4.css")); bundles.Add(new StyleBundle("~/Content/kendo").Include( "~/Content/kendo/2013.1.514/kendo.common.min.css", "~/Content/kendo/2013.1.514/kendo.blueopal.min.css", "~/Content/kendo/2013.1.514/kendo.dataviz.min.css", "~/Content/kendo/2013.1.514/kendo.dataviz.blueopal.min.css")); bundles.Add(new StyleBundle("~/Content/fancy").Include("~/Content/fancy/jquery.fancybox.css")); bundles.IgnoreList.Clear(); AddDefaultIgnorePatterns(bundles.IgnoreList); } public static void AddDefaultIgnorePatterns(IgnoreList ignoreList) { if (ignoreList == null) throw new ArgumentNullException("ignoreList"); ignoreList.Ignore("*.intellisense.js"); ignoreList.Ignore("*-vsdoc.js"); ignoreList.Ignore("*.debug.js", OptimizationMode.WhenEnabled); } }

Layout.cshtml

 <html> <head> <title></title> <link href="~/assets/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <meta name="viewport" content="width=device-width" /> <meta http-equiv="X-UA-Compatible" content="IE=10; IE=9; IE=8; IE=7; IE=EDGE" /> @Styles.Render("~/Content/site") @Styles.Render("~/Content/pwb4") @Styles.Render("~/Content/kendo") @Scripts.Render("~/bundles/kendo") @Scripts.Render("~/bundles/noty") @Scripts.Render("~/bundles/nicescroll") @Scripts.Render("~/bundles/jqueryval") </head> <body> </body> </html>

Does anyone have a suggestion to solve this problem?

+3
html5 asp.net-mvc-4 kendo-ui
source share
3 answers

I managed to solve the problem by changing the virtual path "~ / Content / kendo" to "~ / Content / kendoui". My project has a physical path "~ / Content / kendo" and the virtual path cannot match the physical path.

Below is the corrected code:

  bundles.Add(new StyleBundle("~/Content/kendoui").Include( "~/Content/kendo/2013.1.514/kendo.common.min.css", "~/Content/kendo/2013.1.514/kendo.blueopal.min.css", "~/Content/kendo/2013.1.514/kendo.dataviz.min.css", "~/Content/kendo/2013.1.514/kendo.dataviz.blueopal.min.css"));

I thank the attention of G_P and Win.

+3
source share

Found that the documentation on this subject very well explains

Hope this helps

+3
source share

Change the version number (2016.1.112) and try the following:

Bundleconfig.cs

 bundles.Add(new StyleBundle("~/Content/kendo/2016.1.112/kendostyles").Include( "~/Content/kendo/2016.1.112/kendo.common-bootstrap.min.css", "~/Content/kendo/2016.1.112/kendo.mobile.all.min.css", "~/Content/kendo/2016.1.112/kendo.dataviz.min.css", "~/Content/kendo/2016.1.112/kendo.bootstrap.min.css", "~/Content/kendo/2016.1.112/kendo.dataviz.bootstrap.min.css")); BundleTable.EnableOptimizations = true;

_Layout.cshtml

 @Styles.Render("~/Content/kendo/2016.1.112/kendostyles")
0
source share

More articles:


All Articles