Click here to Skip to main content
15,867,453 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 
Reason for my vote of 3
Why do someone use this complex method even though we can use simple and very easy method as stated below?
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.