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

RadAsyncUpload bugwith Jquery plugin in webkit browsers

5 Answers 103 Views

AsyncUpload

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

Omar asked on 16 Apr 2013, 07:48 AM

I'm facing this terrible bug that i can't find any article or workaround for.

Am using RadAsyncUpload in my web form (asp.net) and it so happens that i have a jquery plugin (jquery.ibutton.js) on the same page, which basically handles an iphone switch look and feel for the checkboxes and radiobuttons.

By default, RadAsyncUpload renders as silverlight which works great on all browsers. However, when i added the iButton plugin on the same page as the AsyncUpload in (chrome/safari), the AsyncUpload control is untouchable. I can't touch it, click it or interact with it. Its like its just blocked somehow!! But it works fine on all the other browsers, even IE -_- (shocker)

I figured out the relation when i removed the iButton plugin constructor and everything went back to normal.

Can someone maybe help me with some feedback or if he can repro this bug...much appreciated

Note: I did try to switch off the silverlight module in order for flash to kick in. It seemed to work, but after i select a file this JS Error takes place and i have no clue how to handle it (Uncaught Syntax error, unrecognized expression #[object Object])

5 Answers, 1 is accepted

answered on 18 Apr 2013, 12:47 PM

testjQueryIbutton.zip

Hello Omar,

I have tested the issue described but unfortunately could not observe the described behavior. Here attached is my sample web page. Would you please review it and let me know if I am not testing properly or I have to add something else in order to observe the issue locally and be more helpful.

Kind regards,
Plamen
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

Accepted

answered on 18 Apr 2013, 03:18 PM

I modified the sample code you sent me to be the following (it was missing the checbox and the iButton initialization in the head section)

I tested with JQuery 1.8.3 and it doesn't work. I will attempt to test it with a later version of telerik controls, but i would appreciate it you give me your feedback first.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TelerikWebForm.aspx.cs" Inherits="TelerikWebForm" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="lib/jquery.ibutton.js"></script>

<link type="text/css" href="css/jquery.ibutton.css" rel="stylesheet" media="all" />

<script type="text/javascript">

$(document).ready(function () {

$('.on_off').iButton({

labelOn: "",

labelOff: "",

enableDrag: false

});

</script>

</head>

<body>

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

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<div>

<asp:CheckBox ID="CheckBox1" runat="server" CssClass="on_off" />

<telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server">

</telerik:RadAsyncUpload>

<asp:Button ID="Button1" Text="text" runat="server" />

</div>

</form>

</body>

</html