RadAsyncUpload bugwith Jquery plugin in webkit browsers

6 posts, 1 answers
  1. Omar
    Omar avatar
    10 posts
    Member since:
    Jun 2012

    Posted 16 Apr 2013 Link to this post

    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])
  2. Plamen
    Admin
    Plamen avatar
    2734 posts

    Posted 18 Apr 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Omar
    Omar avatar
    10 posts
    Member since:
    Jun 2012

    Posted 18 Apr 2013 Link to this post

    Thanks for the reply, I will check it and get back to you ASAP.

    I also forgot to point out that am working with Telerik Asp.Net Ajax Q2 2011.
  5. Answer
    Plamen
    Admin
    Plamen avatar
    2734 posts

    Posted 18 Apr 2013 Link to this post

    Hello Omar,

     
    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.

    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.
  6. Omar
    Omar avatar
    10 posts
    Member since:
    Jun 2012

    Posted 18 Apr 2013 Link to this post

    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" %>
    <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>
  7. Omar
    Omar avatar
    10 posts
    Member since:
    Jun 2012

    Posted 18 Apr 2013 Link to this post

    Alright, problem solved ! It was the telerik version that made all the difference :D thanks a lot, appreciated

    Although it was a strange case for this specific jquery plugin, but its all in the past now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017