asp.net gridview image link

[jondow]

Hello,

I have the following grid view (using VS 2005 - VB.NET):

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="2"
DataSourceID="SqlDataSourceAD" ForeColor="#333333" GridLines="None" AllowPaging="True" AllowSorting="True" Font-Size="Small" PageSize="25">
<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" Wrap="True" />
<Columns>
<asp:HyperLinkField DataNavigateUrlFields="sAMAccountName" DataTextField="displayName" DataTextFormatString="{0}" HeaderText="Colleague" SortExpression="displayName" DataNavigateUrlFormatString="details.aspx?AccountName={0}" />
<asp:BoundField DataField="ipPhone" HeaderText="Extention" SortExpression="ipPhone" />
<asp:BoundField DataField="mobile" HeaderText="Mobile" SortExpression="mobile" />
<asp:BoundField DataField="title" HeaderText="Role" SortExpression="title" />
<asp:BoundField DataField="department" HeaderText="Department" SortExpression="department" />
<asp:BoundField DataField="Secretary" HeaderText="Secretary" SortExpression="Secretary" />
<asp:BoundField DataField="physicalDeliveryOfficeName" HeaderText="Office" SortExpression="physicalDeliveryOfficeName" />
<asp:HyperLinkField DataNavigateUrlFields="mail" DataTextField="mail" DataTextFormatString="&lt;a href=mailto:{0}&gt;{0}&lt;/a&gt;" HeaderText="Email" SortExpression="mail" />
</Columns>


<RowStyle BackColor="#F7F6F3" ForeColor="#333333" />

<EditRowStyle BackColor="#999999" />
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<AlternatingRowStyle BackColor="White" ForeColor="#284775" />
</asp:GridView>


The final column contains an email link - I'd like to be able to replace the text with an image (email.jpg) so that the image provides the mailto: link but cant get it to work. Anyone have any ideas?

Thanks In Advance.

Rick

 

[jbenson001]

Try using an image or imagebutton control

 

[jondow]

I did that but then had issues creating a mailto link

 

[tdalsimer]

Have you figured out how to do this yet? I have the same issue. I am looking at the button field, but it does not have the same properties like DataNavigateUrl or DataNavigateUrlFormatString

 

[SiriusBlackOp]

maybe you could use a Literal control and set the text to some html like "<a href="mailTo:address"><img src="imageLink"></a>".

You might already know... but if you use the ItemDataBound event you can dynamically set the html for each literal in each row.

Senior Software Developer

http://www.scoutsft.com

 

[ca8msm]

Use a HyperLink control


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[jondow]

Hi,

tdalsimer: No, havent solved it yet im afraid

SiriusBlackOp: Pretty new to asp.net (more familier with classic asp), I'm not familier with the method you have suggested so if you could give me an example I'd be very grateful

ca8msm: I have tried using a hyperlink control but with no success.

Thanks for your comments!

 

[ca8msm]

ca8msm: I have tried using a hyperlink control but with no success.

The HyperLink control has an ImageURL property.


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[jondow]

As far as I can see the hyperlinkfield in a gridview only has a navigate url, not a imageurl

 

[jbenson001]

What ca8msm means is that you need to create a template column, then add a hyperlink to that column. Then you can set the ImageURL property of the hyperlink in code using the RowDataBound event.

Jim

 

[jondow]

Right, finally got it:

<asp:TemplateField HeaderText="Email" >
<ItemTemplate >
<a href="MAILTO:<%# Eval("mail") %>">
<asp:Image ID="Image1" ImageUrl="~/images/email.bmp" runat="server" Height="15px" />
</a>
</ItemTemplate>
</asp:TemplateField>


where "mail" is the name of the field containing the mail address.

Thanks for your input!