This is a migrated thread and some comments may be shown as answers.

EnableRowHoverStyle and hyperlinks

5 Answers 151 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Andrew asked on 17 Jun 2013, 04:45 PM

When I create a row that has a hyper link in it and hover over the link, the row no longer has the hover style enabled. Please help. Below is an example of a column in the grid that will cause the issue.

<telerik:GridTemplateColumn HeaderText="Links">

<ItemTemplate>

<table cellpadding="0" cellspacing="0" border="0">

<tr>

<td valign="middle" style="width:15px;">

<asp:HyperLink ID="imgLink" runat="server" NavigateUrl="<%# bind('URL') %>">

<img alt="<%# eval("LinkName") %>" src="<%# eval("ImageURL") %>" border="0" /></asp:HyperLink>

</td>

<td valign="middle">

<asp:HyperLink runat="server" ID="txtLink" NavigateUrl="<%# bind('URL') %>">

<%#Eval("LinkName")%></asp:HyperLink>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

5 Answers, 1 is accepted

answered on 25 Jun 2013, 12:16 AM

<telerik:RadGrid AllowMultiRowSelection="false" AllowAutomaticInserts="false" ID="gridLinks" runat="server" AutoGenerateColumns="false">

<HeaderStyle Font-Bold="true" />

<MasterTableView CommandItemDisplay="Top" AllowNaturalSort="false">

<NoRecordsTemplate>

There are no available links for your account.</NoRecordsTemplate>

<CommandItemSettings AddNewRecordText="" RefreshImageUrl="~/images/refresh_button.gif" />

<Columns>

<telerik:GridTemplateColumn HeaderText="Links">

<ItemTemplate>

<table cellpadding="0" cellspacing="0" border="0">

<tr>

<td valign="middle" style="width:15px;">

<asp:HyperLink ID="imgLink" runat="server" NavigateUrl="<%# bind('URL') %>">

<img alt="<%# eval("LinkName") %>" src="<%# eval("ImageURL") %>" border="0" /></asp:HyperLink>

</td>

<td valign="middle">

<asp:HyperLink runat="server" ID="txtLink" NavigateUrl="<%# bind('URL') %>">

<%#Eval("LinkName")%></asp:HyperLink>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

This happens in IE, all versions. The grid is very simple. No special styling.