This is a migrated thread and some comments may be shown as answers.

How to change the Delete Button Icon in a row

2 Answers 1612 Views
Grid
This is a migrated thread and some comments may be shown as answers.
CS
Top achievements
Rank 2
CS asked on 11 Jul 2014, 02:15 PM
I want to change the icon on the delete button, but I am somehow not able to catch all the activity state icons like :hover and such. How do I replace all of them?

2 Answers, 1 is accepted

Sort by
0
aortega
Top achievements
Rank 2
answered on 11 Jul 2014, 04:35 PM
My suggestion would be replacing the style for the icon you wanna change... 

http://demos.telerik.com/kendo-ui/styling/icons

Therefore something like 

.k-button .k-i-cancel {
     background-image: url(...) !important;
      
}
0
Alexander Valchev
Telerik team
answered on 14 Jul 2014, 04:45 PM
Hello Stefan,

Alternatively you may also use the command configuration options - imageClass and iconClass:
command: [ "edit", { name: "destroy", imageClass: "k-delete", iconClass: "k-icon" }]

In this scenario however your image should be part of a sprite.
If you would like to insert an image by URL please consider aortega's suggestion.

Regards,
Alexander Valchev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
CS
Top achievements
Rank 2
Answers by
aortega
Top achievements
Rank 2
Alexander Valchev
Telerik team
Share this question
or