How to create a tooltip for Grid column

[Greg]

I have a grid with an image column to show if there is an error or not.  If this is an error, I would like to display a tooltip with a message when the user hovers over the image.  The message would be from c.ErrorMessage.

Is there a sample on how to do this?  I searched and could not find one.

@(Html.Kendo().Grid<GridLineItem>().Name("grid").Columns(columns =>
              {
                    columns.Bound(c => c.ReportName).Title("Status").ClientTemplate(
                        "# if (HasError == true) { #" +
                            "<img src='" + Url.Content("Images/error.png") + "'/>" +
                        "# } else { #" +
                              "<img src='" + Url.Content("Images/success.png") + "'/>" +
                        "# } #"
                    );
                                )

[Alexander Popov]

Hi Greg,

I would recommend checking this example, where similar behavior is demonstrated.

Regards,
Alexander Popov
Telerik

[Francis]

How could we not fire the ToolTip when we do an Add New in that column?

[Stefan]

Hello, Francis,

I can suggest checking the following example demonstrating how to show and hide the tooltip based on a condition:

https://docs.telerik.com/kendo-ui/controls/layout/tooltip/how-to/show-on-length-condition

Currently, we have an issue with the ToolTip being shown and hidden multiple times, but the approach shown in the demo in the supported one.

Regards,
Stefan
Progress Telerik