Changing Inline Grid Command Icons

[Grant]

Hi, 

As my title says, im trying to change the icons of the command buttons in my inline grid.

Now I've managed about 73% of the way; by setting the edit icons in the 'dataBound' event and the update icons in the 'edit' event. But when the user clicks 'cancel' (in edit mode) kendo resets the icons to the kendo standard. What event can I trigger after a cancel has completed  to reset the icon to my custom ones?

For Info purposes

dataBound: function(e) {
  $(".k-grid-edit").find("span").removeClass().addClass("fa fa-pencil");
  $(".k-grid-destroy").find("span").removeClass().addClass("fa fa-times");
},
edit: function(e) {
  $(".k-grid-update").find("span").removeClass().addClass("fa fa-check");
  $(".k-grid-cancel").find("span").removeClass().addClass("fa fa-ban");
}

 

Please advise on how I can achieve this or if there is a more efficient way to do the same thing.

Kind Regards,
Grant

[Dimiter Topalov]

Hi Grant,

The Grid cancel event is fired when editing is cancelled via the Cancel button.

Alternatively you can overwrite the built-in styles for the command buttons via CSS, replacing the "content" rule for the :before selector for the respective element  e.g.:

http://dojo.telerik.com/oWete

I hope this helps.

Regards,
Dimiter Topalov
Telerik by Progress