Image replacement for GridHyperLinkColumn

[Marta]

Hi, I'm having some problems with my grid. I have a GridHyperLinkColumn which has a link whose url is composed using an id retrieved through a select statement to a database. I would like the link in the grid to be an image and not text, I tried using the GridButtonColumn and the GridTemplateColumn to achieve this but neither works, since what I need is to be able to pass the DataNavigateUrlFormatString value and the DataNavigateUrlFields like in the GridHyperLinkColumn to be able to pass the id of the content to go to the correct page. As I have said, the link should be an image and not text. I tried using a css class to style this like I normally would but couldn't get it to work.

Can anyone help please?

Thanks a lot,
Marta

[Princy]

Hello Marta,

You can access the hyperlink for the hyperlink column and set its ImageUrl property to the required image url as shown below:
c#:

  protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
    {
        if (e.Item is GridDataItem)
        {
            GridDataItem item = (GridDataItem)e.Item;
            HyperLink hyplnk = (HyperLink)item["HyperLinkColumnUniqueName"].Controls[0];
            hyplnk.ImageUrl = "~/image.gif";
        }
    }

Thanks
Princy.

[Marta]

Hi,

Thanks for your reply. I tried what you suggested, but I can't get the image to appear, I don't know why...

My GridHyperLinkColumn is as follows:

<telerik:GridHyperLinkColumn
 DataNavigateUrlFormatString="/lms_bd/FichaConteudo.aspx?conteudo={0}" Target="_self"  DataTextFormatString="my edit page" DataNavigateUrlFields="IDConteudo" UniqueName="VerFicha" HeaderText="Ver Ficha" Text="Ver" />

The name of the radgrid is Conteudos.

The code in my .cs file is:

    protected void Conteudos_ItemDataBound(object sender, GridItemEventArgs e)
    {
        if (e.Item is GridDataItem)
        {
            GridDataItem item = (GridDataItem)e.Item;
            HyperLink hyplnk = (HyperLink)item["VerFicha"].Controls[0];
            hyplnk.ImageUrl = "~/imagens/bt_arvore_ficheiro.gif";
        }
    }

Any suggestions to solve this problem?
Thanks:)

[Marta]

I got it to work!

 

if (e.Item is GridDataItem)

 

{

 

GridDataItem item = (GridDataItem)e.Item;

 

 

HyperLink hyplnk = (HyperLink)item["Editar"].Controls[0];

 

hyplnk.ImageUrl =

"~/imagens/bt_editar.gif";

 

}

Before it wasn't working because of an error on my page.
thanks!

[Derek]

Can anyone provide a VB version of this code?

[Shinu]

Hi Derek,

Here is the code in VB:

    Protected Sub RadGrid1_ItemDataBound(ByVal sender As Object, ByVal e As GridItemEventArgs)
        If TypeOf e.Item Is GridDataItem Then
            Dim item As GridDataItem = DirectCast(e.Item, GridDataItem)
            Dim hyplnk As HyperLink = DirectCast(item("HyperLinkColumnUniqueName").Controls(0), HyperLink)
            hyplnk.ImageUrl = "~/image.gif"
        End If
    End Sub

Thanks
Shinu

[Steve]

I think its a little ridiculous to have to set the hyperlinks ImageURL on the RowDataBound event. Can a request be made to the Dev team to add a property to the GridHyperLinkColumn class in the RadGrid control to include a property for something like "HyperLinkImageURL" and if the field has a value, override the Text field so the Image is displayed instead of the text (or just display both)... ??

I guess its not that big of a deal to set the image on RowDataBound, but having a "HyperLinkImageURL" makes reading the source easier if a property existed.

[Veli]

Your feedback has been reported to the dev team and they will consider adding a GridHyperlinkColumn property for that.

Greetings,
Veli
the Telerik team

[Tarang]

Hi,  Do we have this property available? if so then in which version i can find it?

[Veli]

This feature is added for the upcoming Q2 2011 beta release expected by the end of the week.

Greetings,
Veli
the Telerik team

[Neil N]

How does this work when both the image path and hyperlink are dynamic, coming from the datatable that is bound to the grid? GridHyperLinkColumn has an ImageUrl property but no DataImageUrlFields property.

[Marin Bratanov]

Hello Neil,

For such cases you can use a TemplateColumn and add controls inside according to your concrete requirements. For example, you can add an asp:HyperLink and data bind its CssClass or directly information in its style attribute. Or, you can add an asp:Image inside and bind its ImageUrl.

Regards,

Marin Bratanov
Progress Telerik

[Neil N]

Simple. Thanks.