Angular Kendo Grid not showing any icons.

2 posts, 0 answers
  1. Charles
    Charles avatar
    2 posts
    Member since:
    Mar 2012

    Posted 12 Apr 2016 Link to this post

    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?

     

  2. Helen
    Admin
    Helen avatar
    1052 posts

    Posted 13 Apr 2016 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top