The code below works fine. I need to add a column to the grid that shows an image 
(bound or not bound I don't care as long as the image shows and not the model property).
The new column should launch a Kendo Window widget with a string property of the model
serving as the input content of the Kendo Window. The property on the model might be something like
model.FailureMessage.

Thanks,

Html.Kendo().Grid(Model.AppointmentList).Name("FailedAppointments")             
    .Columns(columns =>             
    {                 
            columns.Bound(o => o.MemberFirstName).Title("Member First Name").Width(50);                 
            columns.Bound(o => o.MemberLastName).Title("Member Last Name").Width(50);                 
            columns.Bound(o => o.ClientMemberID).Title("Client ID").Width(50);                 
            columns.Bound(o => o.ProviderID).Title("Provider ID").Width(50);                 
            columns.Bound(o => o.ProviderFirstName).Title("Provider First Name").Width(50);                 
            columns.Bound(o => o.ProviderLastName).Title("Provider Last Name").Width(50);                 
            columns.Bound(o => o.AppointmentDate).Title("Appointment Date").Width(50);                 
            columns.Bound(o => o.IHAAppointmentID).Hidden(true);             
    })             
    .Pageable(pager => pager.PageSizes(true))             
    .Sortable(sorting => sorting.SortMode(Kendo.Mvc.UI.GridSortMode.SingleColumn))             
    .Scrollable(scrolling => scrolling.Height(300))             
    .TableHtmlAttributes(new { Class = "dataGridTable" })                             
   

columns.Template(@<text>custom content here, which is not related to the data</text>).Title("Column Title");

columns.Template(@<text>test</text>).Title("Info").Width(100);

This shows nothing in the column.


Which js library supports this functionality? I am registering kendo like the following after all jQuery references like so:

 
<script src="@Url.Content("~/Scripts/jquery/jquery-1.8.2.min.js")" type="text/javascript"></script>      
<script src="@Url.Content("~/Scripts/jquery/json2.js")" type="text/javascript"></script>     
<script src="@Url.Content("~/Scripts/jquery/jquery.corner.js")" type="text/javascript"></script>     
<script src="@Url.Content("~/Scripts/jquery/jquery.maskedinput-1.3.min.js")" type="text/javascript"></script>     
<script src="@Url.Content("~/Scripts/KendoUI/kendo.web.min.js")" type="text/javascript"></script>     
<script src="@Url.Content("~/Scripts/KendoUI/kendo.aspnetmvc.min.js")" type="text/javascript"></script>      
<script src="@Url.Content("~/Scripts/KendoUI/kendo.grid.min.js")" type="text/javascript"></script>    

I'm trying to do this on the client side. Instead of an image, I want to add an icon that changes when user edits a data in a row to indicate validation, essentially (but different than the validations provided my kendo). Essentially I need a column to throw html in after the user edits a  row.

Any resources available?

Hi Dimo i want to add a column with a common image for all rows on server bound call.

BY adding the either of below code am just able to see an extra empty column but values.

columns.Template(@<text> <img src="~/Images/Message-50.png" width="30" height="30" /></text>).Title("").Width("25px");

columns.Template(@<text> ABC</text>).Title("").Width("25px");

Please help me in this regard