«

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>

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" <> wrote in message
news:2DF7F129-23A4-4EB7-8EBC-...
> 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>
>

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>
>