Kendo MVC not Displaying Sprites.PNG 404 Error

Question

Vs'12 Internet Application Template + KendoUI - MVC4 , EF Code First

Followed KendoDocumentation
Adjusted using kahanu's Awesome post
Everything worked great, so i turn <compilation debug="false" targetFramework="4.5"> from true to false
Kendo UI stopped finding Spites.png ( by Kendo )
Went looking and found this ( didn't resolve my issue ): stackOverflow1
Checked and Rechecked Steps 1-2, went looking for Sprites.png on the server, It exists.. but in some subolder of Kendo not in the directory below? /

Where do I re-write the code and have it look for the sprite in the actual location rather than this one?: GET http://cls-og.com/bundles/css/Default/sprite.png 404 (Not Found)

Please share your `bundles.Add(new StyleBundle("...").Include(...));` and `@Styles.Render("...")` codes to find out what is your problem. — Iman Mahmoudinasab, Oct 10 '13 at 15:30
Check out my answer for that post: [try this solution](http://stackoverflow.com/a/40156673/7018932) — Deniz Kısır, Oct 20 '16 at 14:08
Check out my answer for that post: [try this solution](http://stackoverflow.com/a/40156673/7018932) — Deniz Kısır, Oct 20 '16 at 14:09

score 12 · Accepted Answer · answered Feb 07 '14 at 10:39

12

I think your problem is in bundles, that's why it works great on debug (without bundles therefore) but not on release mode.

My advice is to put kendo styles folder on Content and create the bundle at the same place.

For example:

BundleTable.Bundles.Add(new StyleBundle("~/Content/kendo/kendo").Include(
            "~/Content/kendo/kendo.common.min.css",
            "~/Content/kendo/kendo.dataviz.min.css",
            "~/Content/kendo/kendo.default.min.css",
            "~/Content/kendo/kendo.dataviz.default.min.css"
        ));

Another tip: to avoid bundle problems in the future insert this in RegisterBundles method:

        BundleTable.EnableOptimizations = true;

That forces bundeling also in debug mode!

Hope this helps!

Have a nice day,

Alberto

answered Feb 07 '14 at 10:39

Alberto

1,853
1
18
22

Excellent, the key here is the "extra" "kendo" in the Bundle config : StyleBundle("~/Content/kendo/kendo") – John Lucas Mar 28 '14 at 12:51
btw.... I struggled for ages with this as I had just StyleBundle("~/Content/kendo") which conflicted somehow and caused a "403 Forbidden" rather than a 404, finally I spotted the extra "kendo" in this answer and voila! it works. Thanks Alberto! – John Lucas Mar 28 '14 at 13:12
The EnableOptimizations is great - it helps with debugging. Thx! – Giovanni Jun 24 '16 at 18:23

score 2 · Answer 2 · answered Jan 20 '17 at 06:56

I had the similar issue with sprite.png and following is what did to resolve the issue.

This is how my bundling code looked like before I faced the issue.

bundles.Add(new StyleBundle("~/Kendo/css").Include(
                "~/Content/kendo/2016.2.504/kendo.common.min.css",
                "~/Content/kendo/2016.2.504/kendo.rtl.min.css",
                "~/Content/kendo/2016.2.504/kendo.default.min.css",
                "~/Content/kendo/2016.2.504/kendo.dataviz.min.css",
                "~/Content/kendo/2016.2.504/kendo.dataviz.default.min.css",
                "~/Content/jquery-ui.css"));

<!--KENDO CSS LINKING ON VIEW-->
@Styles.Render("~/Kendo/css")

I referred to kahanu's blog and made following changes and it worked perfectly for me.

bundles.Add(new StyleBundle("~/Content/kendo/2016.2.504/kendostyles").Include(
                "~/Content/kendo/2016.2.504/kendo.common.min.css",
                "~/Content/kendo/2016.2.504/kendo.rtl.min.css",
                "~/Content/kendo/2016.2.504/kendo.default.min.css",
                "~/Content/kendo/2016.2.504/kendo.dataviz.min.css",
                "~/Content/kendo/2016.2.504/kendo.dataviz.default.min.css",
                "~/Content/jquery-ui.css"));
<!--KENDO CSS LINKING ON VIEW-->
@Styles.Render("~/Content/kendo/2016.2.504/kendostyles")

Hope this will help others.

Kendo MVC not Displaying Sprites.PNG 404 Error

2 Answers2