Angular Kendo Grid not showing any icons.

[Charles]

I have an angular definition for the KendoUI grid that is working perfectly except for no icons/graphics show on the grid. Here is the grid definition:

 

$scope.gridOptions = {
           toolbar: ["excel"],
           excel: {
               fileName: "Kendo UI Grid Export.xlsx",
               proxyURL: "//demos.telerik.com/kendo-ui/service/export",
               filterable: true,
               allPages: true
           },
           sortable: true,
           pageable: true,
           scrollable: true,
           filterable: {
               extra: false,
               operators: {
                   string: {
                       startswith: "Starts with",
                       eq: "Is equal to",
                       neq: "Is not equal to"
                   }
               }
           },
           resizable: true,
           columns: [
             { field: "accountPeriod", title: "Account Period", width: "150px" },
             { field: "site", title: "Site", width: "100px" },
             { field: "environment", title: "Environment", width: "200px" },
             { field: "complex", title: "Complex", width: "200px" },
             { field: "fundGroup", title: "Fund Group", width: "200px" },
             { field: "fund", title: "Fund", width: "100px" },
             { field: "fundCode", title: "Fund Code", width: "100px" },
             { field: "projectName", title: "Project Name", width: "300px" },
             { field: "frequency", title: "Frequency", width: "50px" },
             { field: "outputMedia", title: "Output Media", width: "150px" },
             { field: "revision", title: "Revision", width: "100px" },
             { field: "outputType", title: "Output Type", width: "100px" },
             { field: "comment", title: "Comment", width: "100px" },
             { field: "publishDateTime", title: "Publish Date/Time", width: "100px" },
             { field: "user", title: "User", width: "100px" },
             { field: "projectPageCount", title: "Project Page Count", width: "200px" },
             { field: "documentLink", title: "Document Link", width: "100px" }
           ]
       };

 

What files or css  do I need to show the graphics for filterable and the right and left arrows for pagination?

 

[Helen]

Hi Charles,

This could happen in case the sprite.png file is missing. Could you please check the browser's console for any 404 errors?

This file contains many background images for Kendo UI components. Each theme has a separate set of images, which are contained in a folder with the theme name.

Please make sure that this folders included too. It is in the styles folder of your Kendo UI distribution package.

Let me know if I could provide further assistance on this topic


Regards,
Helen
Telerik