underlining a row in a repeater control

[Robert Smith]

Hi I have a repeater control as shown below. The Itemtemplate contains a
table with linkbuttons in each column of the row. However I wish to change
the stlyle of the link button to
text-decoration:underline on mouseover and
text-decoration:none on mouseout

The link button does not have a mouseover attribute and it won't let me add on
Any idea how I can get around this problem.

Thanx in advance
Robert


<ASP:Repeater id="MyRepeater" runat="server" >

<ItemTemplate >
<tr style="width:100%;background-color:FFECD8;" >
<td >
<asp:LinkButton id="lnkPages" style="text-decoration:none"
runat="server" value='<%# DataBinder.Eval(Container.DataItem, "UserId")%>'
Text = '<%# DataBinder.Eval(Container.DataItem, "UserId")%>'></asp:LinkButton>
</td>
<td>
<asp:LinkButton id="LinkButton1" style="text-decoration:none"
runat="server" value='<%# DataBinder.Eval(Container.DataItem, "UserName")%>'
Text = '<%# DataBinder.Eval(Container.DataItem,
"UserName")%>'></asp:LinkButton>
</td>
<td>
<asp:LinkButton id="LinkButton2" style="text-decoration:none"
runat="server" value='<%# DataBinder.Eval(Container.DataItem, "FirstName")%>'
Text = '<%# DataBinder.Eval(Container.DataItem,
"FirstName")%>'></asp:LinkButton>
</td>
<td>
<asp:LinkButton id="LinkButton3" style="text-decoration:none"
runat="server" value='<%# DataBinder.Eval(Container.DataItem, "LastName")%>'
Text = '<%# DataBinder.Eval(Container.DataItem,
"LastName")%>'></asp:LinkButton>
</td>
</tr>

</ItemTemplate>

<FooterTemplate>

</table>

</FooterTemplate>

</ASP:Repeater>

 

[Eliyahu Goldin]

Add onmouseover and onmouseout attributes and ignore validation errors:
onmouseover="this.style.textDecoration='underline'";
onmouseout ="this.style.textDecoration='none'";

If the validation errors anoy you too much, add the attributes in the code
in any of these events: ItemCreated, ItemDataBound, PreRender:
myLinkButton.Attributes["onmouseover "] =
"this.style.textDecoration='underline'";
myLinkButton.Attributes["onmouseout "] = "this.style.textDecoration='none'";

--
Eliyahu Goldin,
Software Developer
Microsoft MVP [ASP.NET]
http://msmvps.com/blogs/egoldin
http://usableasp.net

 

[bruce barker]

no javascript required, just use css:

a:hover {text-decoration:underline; }

-- bruce (sqlwork.com)