469,626 Members | 883 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,626 developers. It's quick & easy.

underlining a row in a repeater control

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>

Jun 27 '08 #1
2 2032
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
"Robert Smith" <Ro*********@discussions.microsoft.comwrote in message
news:2D**********************************@microsof t.com...
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>

Jun 27 '08 #2
no javascript required, just use css:

a:hover {text-decoration:underline; }

-- bruce (sqlwork.com)
"Robert Smith" wrote:
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>
Jun 27 '08 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by olduncleamos | last post: by
7 posts views Thread by charliewest | last post: by
4 posts views Thread by Brad Baker | last post: by
3 posts views Thread by Emma Middlebrook | last post: by
12 posts views Thread by =?Utf-8?B?Qi4gQ2hlcm5pY2s=?= | last post: by
reply views Thread by gheharukoh7 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.