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

img onclick not working after recent update to 2015.2.729.40

1 Answer 287 Views

Rotator

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

RBarnes asked on 17 Aug 2015, 03:40 PM

We recently updated to the newest version 2015.2.729.40 and our Rotator image onclick doesn't work in Chrome and doesn't work on some machines in IE.

We had <asp:Image controls in our rotator which are rendered as <mg

To correct this, we had to change the control type to <asp:ImageButton which renders as <input

Again, this issue only happened after our recent updated to version 2015.2.729.40

Simplified example below

<%@ Page Language="VB" AutoEventWireup="false" CodeBehind="Default1.aspx.vb" Inherits="TestWebRoot._Default" %>

<!DOCTYPE html>

<html>

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<telerik:RadRotator ID="RadRotator1" runat="server" Height="300px" Width="823px" BackColor="White"

ScrollDuration="5000" FrameDuration="10000" ItemHeight="300px" ItemWidth="823px" PauseOnMouseOver="true"

RotatorType="SlideShow" ScrollDirection="Left" BorderWidth="0px" SlideShowAnimation-Type="CrossFade"

WrapFrames="False">

<Items>

<telerik:RadRotatorItem>

<ItemTemplate>

<table style="position: relative;">

<tr>

<td style="vertical-align: top;">

<div class="Center ProductLabel" style="width: 100%; height: 20px;">

img control

</div>

<img id="Img2" runat="server" src="~/images/logo.jpg" style="width: 50px; height: 50px;" alt="My Image" onclick="alert('here'); return false;" title="MyTitle" />

</td>

</tr>

<tr>

<td>

<div class="Center ProductLabel" style="width: 100%; height: 20px;">

ImageButton

</div>

<asp:ImageButton ID="Image1" runat="server" style="width: 50px; height: 50px;" AlternateText="My Image" ImageUrl="~/images/logo.jpg" OnClientClick="alert('here'); return false;" />

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadRotatorItem>

</Items>

</telerik:RadRotator>

Test Image outside Rotator

<img id="Img1" runat="server" class="Link" src="~/images/logo.jpg" onclick="alert('here');" />

</form>

</body>

</html>

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

img onclick not working after recent update to 2015.2.729.40

1 Answer, 1 is accepted