adding HTML formatting to a datagrid

[Ben]

Hello,

I have a datagrid in an .aspx page that I'd like to add some HTML
formatting to:

<asp:BoundColumn DataField="Pict1" HeaderText="Picture" />
<asp:BoundColumn DataField="PropertySite" HeaderText="Official
Site" />

The value returned from the datafield Pict1 is simply
"/images/pict1.jpg"
and the value returned by the datafield PropertySite is simply
"http:/website.com"

I'd like to add HTML formatting to every value in Pict1 that so that
"images/pict1.jpg" becomes <img border="0" src="images/pict1.jpg"
width="999" height="999"> and therefore shows a picture in the
datagrid.

I'd like to add similar formatting so that the value in PropertySite
is an actual hyperlink.

Can someone tell me how this might be possible? If I've posted to the
wrong group I'd appreciate being directed to the correct one.

 

[Eliyahu Goldin]

The direction: instead of BoundColumn use TemplateColumn. Put the <img> into
the item template and databind src property to Pict1.

Eliyahu

 

[Ben]

The direction: instead of BoundColumn use TemplateColumn. Put the <img> into
the item template and databind src property to Pict1.

Eliyahu

 

[Ben]

I was able to use a "hyperlinkcolumn" to get the what I wanted as seen in the code below:

<asp:HyperLinkColumn HeaderText="Property Site" DataTextField="PropertySite"></asp:HyperLinkColumn>

But I could not get the image to work using Eliyahu instructions. Can someone send me the code syntax?
Thanks, -Ben

 

[Eliyahu Goldin]

Ben,

Add a template column <asp:TemplateColumn ...> and in it use
<ItemTemplate>
<img border="0" src=<%# DataBinder.Eval (Container.DataItem, "Pict1") %>
width="999" height="999">
</ItemTemplate>

Eliyahu

I was able to use a "hyperlinkcolumn" to get the what I wanted as seen in the code below:

<asp:HyperLinkColumn HeaderText="Property Site"

But I could not get the image to work using Eliyahu instructions. Can

someone send me the code syntax?