Missing icons for GRID and Datepicker on deployment

7 posts, 0 answers
  1. Pankaj
    Pankaj avatar
    2 posts
    Member since:
    Sep 2013

    Posted 04 Nov 2013 Link to this post

    I have recently started working on KENDO UI stack for ASP.NET MVC.

    Question: The icons for the GRID and DatePicker are missing in the deployment.
    Looked at the resolution (link below) for  missing icons, but could not figure out where are the FONT-files and what exactly need to set in the web.config.
    http://www.kendoui.com/forums/kendo-ui-mobile/general-discussions/2012-3-1114---kendo-mobile-all-min-css---missing-icons.aspx
    If some one could help me walk through Step by Step how to resolve the missing icons issue on deployment of an ASP.Net application.

    Thank You,
    Pankaj Kumar
  2. nikobellic
    nikobellic avatar
    46 posts
    Member since:
    Feb 2013

    Posted 04 Nov 2013 Link to this post

    Hi Pankaj, 

    Are you sure all your files (pngs, tiff, etc) are included in your solution?
    You need to make sure of this.
    Otherwise they dont get uploaded to the server.

    This has happened to me several times before :)
  3. Kendo UI is VS 2017 Ready
  4. Pankaj
    Pankaj avatar
    2 posts
    Member since:
    Sep 2013

    Posted 04 Nov 2013 Link to this post

    Hi Nikobellic,
    I checked the files. They are in the project.
    Not sure why it is not showing in the deployment.
    Thx
    Pankaj
  5. Dimo
    Admin
    Dimo avatar
    8331 posts

    Posted 05 Nov 2013 Link to this post

    Hi Pankaj,

    Does the problem occur on the production server only? If yes, then the problem could be related to incorrect bundling. Please refer to our documentation.

    http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/introduction#using-kendo-ui-in-asp.net-mvc-4-application

    Pay special attention to the yellow note at the end of point 8

    If the problem seems to be caused by something else, then please inspect the HTML output wth a DOM inspector to check whether the background image styles are applied correctly and whether the referenced images are at the expected location.

    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. tiffany
    tiffany avatar
    24 posts
    Member since:
    Jan 2014

    Posted 23 Jun 2014 in reply to Dimo Link to this post

    Hi,

    I had the same problem, after I publish the project, all kendo icons not showing when browsing the website through IIS. I'm using version 2014.1.528, and visual studio 2013 asp.net MVC5.
    I can see all kendo icons very well if i run the project in debug mode, but after publish it to IIS, all icons gone even the dropdownlist arrow button, and the arrow of the grid page size dropdown. the code in my BundleConfig.cs looks like this:

                bundles.Add(new ScriptBundle("~/bundles/kendo").Include(
                "~/Scripts/kendo/2014.1.528/kendo.all.min.js",
                "~/Scripts/kendo/2014.1.528/kendo.aspnetmvc.min.js"));

                bundles.Add(new StyleBundle("~/Content/kendo/css").Include(
                    "~/Content/kendo/2014.1.528/kendo.common-bootstrap.min.css",
                    "~/Content/kendo/2014.1.528/kendo.bootstrap.min.css",
                    "~/Content/kendo/2014.1.528/kendo.common.min.css",
                    "~/Content/kendo/2014.1.528/kendo.default.min.css"
                    ));

    is there anything wrong?
    Thanks a lot
    Tiffany
  7. Dimo
    Admin
    Dimo avatar
    8331 posts

    Posted 24 Jun 2014 Link to this post

    Hi Tiffany,

    Please refer to the following forum post:

    http://www.telerik.com/forums/asp-mvc-css-minification-breaks-kendo-bootstrap#5_PIevmzV0iIW0G9Kx8R-g

    The most important part is:

    "the easier way to achieve the desired correct loading of theme images is to make the virtual bundle URL match the Kendo UI CSS files' physical location"

    Regards,
    Dimo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  8. tiffany
    tiffany avatar
    24 posts
    Member since:
    Jan 2014

    Posted 24 Jun 2014 in reply to Dimo Link to this post

    Hi Dimo,

    Thank you for your reply, the instruction is very helpful. everything is working for me now.

    Thanks
    Tiffany
Back to Top
Kendo UI is VS 2017 Ready