Kendo UI button icons not visible after Kendo UI library Update

Question

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.

Sachin Singh · Answer

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.

Sachin Singh · Answer

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.

Sachin Singh · Answer

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 ...