By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,312 Members | 1,341 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,312 IT Pros & Developers. It's quick & easy.

underlining a row in a repeater control

P: n/a
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
Share this Question
Share on Google+
2 Replies


P: n/a
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

P: n/a
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.