Click here to Skip to main content
15,867,860 members
Articles / Web Development / ASP.NET
Tip/Trick

Display image in asp:HyperLinkField of GridView

Rate me:
Please Sign up or sign in to vote.
4.92/5 (13 votes)
19 Jan 2011CPOL 57.1K   10   6
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)


Written By
Pakistan Pakistan
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
QuestionExcelent Pin
necoide4-Apr-13 9:00
necoide4-Apr-13 9:00 
GeneralMy vote of 5 Pin
Pranita.Sherkhane24-Feb-13 23:12
Pranita.Sherkhane24-Feb-13 23:12 
QuestionGreat Tip! Pin
Alman6611-Oct-12 2:26
Alman6611-Oct-12 2:26 
GeneralReason for my vote of 3 Why do someone use this complex meth... Pin
Venkatesh Mookkan19-Jan-11 19:18
Venkatesh Mookkan19-Jan-11 19:18 
GeneralWhy do someone use this complex method even though we can si... Pin
Venkatesh Mookkan19-Jan-11 19:17
Venkatesh Mookkan19-Jan-11 19:17 
GeneralFixed HTML encoding Pin
Indivara19-Jan-11 18:28
professionalIndivara19-Jan-11 18:28 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.