Alternate hover image for GridButtonColumn when ButtonType is Image

[Karl]

Is there a property that I can set to show an alternative image when I hover over a GridButtonColumn control item when the ButtonType is set to ImageButton?

I guess I could add an ItemCreated handler in the code behind to handle this but I would have thought this functionality would be quite widely desired and hence built in to the control by now?

How about it Telerik? If it's not a feature yet, can this be considered a feature request?

[Shinu]

Hello Karl,

Try the following code snippet to achieve the same.

C#:

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
 {
     if (e.Item is GridDataItem)
     {
         GridDataItem item = (GridDataItem)e.Item;
         ImageButton img = (ImageButton)item["ButtonImageChange"].Controls[0];
         img.Attributes.Add("onmouseover", "this.src='../Images/NewImage.jpg'");
         img.Attributes.Add("onmouseout", "this.src='../Images/Image.jpg'");
     }
 }

aspx:

<telerik:GridButtonColumn UniqueName="ButtonImageChange" HeaderText="ButtonImageChange"
                       ButtonType="ImageButton" ImageUrl="..\Images\Image.jpg">
</telerik:GridButtonColumn>

Thanks,
Shinu.

[Karl]

Yep, Thats what I thought I'd have to do. My point was wouldnt it be more intuitive to have the following...

<telerik:GridButtonColumn
    UniqueName="ButtonImageChange"
    HeaderText="ButtonImageChange"
    ButtonType="ImageButton"
    ImageUrl="..\Images\Image.jpg"
    HoverImageUrl="..\Images\ImageHovered.jpg">
</telerik:GridButtonColumn>