Kendo UI button icons not visible after Kendo UI library Update

Tanvi Jain

Icons images are not visible on a particular page after Kendo UI library update. I am trying to identify which CSS file is causing the issue.
Please advise how to resolve this.

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
for kendo grid, commands buttons, you can override the k-button as follow
@(Html.Kendo().Grid()
    .Name("grid")
    .AutoBind(false)
    .Columns(columns =>
    {
       //removed for brevity
columns.Command(command =>
            {
                command.Edit().HtmlAttributes(new { @class = "btn btn-success" });
                command.Destroy().HtmlAttributes(new { @class = "btn btn-danger" });
            });
    })
    .Events(e => e.DataBound("dataBoundHandler"))

function dataBoundHandler() {
        $(".btn-success").removeClass("k-button");
        $(".btn-danger").removeClass("k-button");
    }
Note:- here i have used bootstrap button styles instead of the default k-button, so it is necessary to remove it.
+1
Sachin Singh5y ago
When a new project is created or updated by using the Project Configuration Wizard, all of the files are expected to be automatically placed in the correct folders. If the CDN option is disabled, the themes and the font icons will be added to the project. The font icons are internally requested within the theme files and are loaded from the fonts/glyph folder which has to be located in the same main folder where the theme files are. To make the Web Font Icons available, either: Include the missing files in the fonts/glyphs folder. These files are located in the Kendo UI .zip file, or Disable the CDN support by using the Project Configuration Wizard.
+1

Sachin Singh5y ago

make sure you have the following in your kendo folder


\kendo\fonts  
\kendo\fonts\  
DejaVu  
\kendo\fonts\glyphs  
      
KendoUIGlyphs.eot  
    KendoUIGlyphs.svg  
    KendoUIGlyphs.ttf  
    KendoUIGlyphs.woff  
    ...