Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / web / ASP.NET

Display image in asp:HyperLinkField of GridView

4.92/5 (13 votes)
19 Jan 2011CPOL 58.4K  
Shows how to display an image (instead of simple text) in asp:HyperLinkField or asp:LinkButton column of a GridView
By default, asp:LinkButton and asp:HyperLinkField, being used for GridView navigation, shows simple text hyperlinks. You can easily place an image as a hyperlink. Follow this trick in order to display an image (instead of simple text) in asp:HyperLinkField or asp:LinkButton column.
Here is the code for the asp:HyperLinkField to display image:
<asp:HyperLinkField Text="&lt;img src='Images/img.png' alt='alternate text' border='0'/&gt;">
</asp:HyperLinkField>

In the Text property, the less than sign (<) and the greater than sign (>) should be replaced with their Character Entities.
And to show image in asp:LinkButton, use the following code:
<asp:LinkButton runat="server" Text="&lt;img src='/Images/img_btn.png' alt='Button' border='0'/&gt;">
</asp:LinkButton>

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)