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
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.
Plamen
the Telerik team
Rank 2
I also forgot to point out that am working with Telerik Asp.Net Ajax Q2 2011.
If you still observe the issue at your side please test it against the latest version of our controls as well because it may be some issue caused by the jQuery version.
Plamen
the Telerik team
Rank 2
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> <!---// load the iButton CSS stylesheet //---> <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>
Rank 2
Although it was a strange case for this specific jquery plugin, but its all in the past now.