Tooltip on mouseover of image

[Andrew]

I have a radgrid with a column called 'Note'. I want to display a small note icon if the column has data in it. Then when the user mouseovers the icon, it displays the contents from the 'Note' column.

Can this be done?

[Andrew]

Anyone? Can this be done. Any demos online?

[Mira]

Hello Andrew,

In order to implement the desired functionality, I suggest that you use the approach from the Tooltipified RadGrid demo and add the images as target controls of the RadToolTipManager:

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
{
    if (e.Item is GridDataItem)
    {
        Control target = e.Item.FindControl("targetControl");
        if (!Object.Equals(target, null))
        {
            if (!Object.Equals(this.RadToolTipManager1, null))
            {
                //Add the image (target) id to the tooltip manager
                this.RadToolTipManager1.TargetControls.Add(target.ClientID, (e.Item as GridDataItem).GetDataKeyValue("ProductID").ToString(), true);

            }
        }
    }
}

I hope this helps.

Regards,
Mira
the Telerik team