Grid batch edit - how to change the delete button to an image type button?

[BitShift]

In this example

https://demos.telerik.com/aspnet-core/grid/editing

How could one show a image button instead of a command type button for the delete function?

Also, similar to the last question - will this example work with partial page updates?  In other words will the updating of the grid cause the entire view its contained within to be refreshed?

[Alex Hajigeorgieva]

Hi, Randal,

The easiest way to achieve the desired result is to add a custom button with a name "delete". This will automatically add a class to the the button "k-grid-delete" to which a click handler is internally attached to remove the row.

You can then add the image via CSS:

<style>
     .k-grid-delete {
         background-image:url(@Url.Content("~/assets/my-destroy.png"));
         background-repeat:no-repeat;
     }
 </style>

columns.Command(c => c.Custom("delete").Text(" "));

Give this a try and let me know in case you need further assistance. 

As for the second question - the answer is that only the grid will update, nothing else - and I have posted it in the other forum thread:

https://www.telerik.com/forums/grid-editing-and-partial-page-updates#7eZOiWE8YEOQrctyO533HQ

Kind Regards,
Alex Hajigeorgieva
Progress Telerik