async upload item control display problem

Thread is closed for posting
4 posts, 0 answers
  1. Mario
    Mario avatar
    75 posts
    Member since:
    Jun 2009

    Posted 28 Nov 2010 Link to this post

    Hi,

    using async upload is working fine, i am able to choose multiple files and after the first upload i enable the upload button.

    But when i cancel/remove some files to upload, i choose another file to upload, sometimes the next div/control (Label and Remove button) appears underneath the textbox and search button div/control from the async upload control.

    using IE 7.05.730

    Anyone already expirienced this problem?

    thanks Mario
  2. Genady Sergeev
    Admin
    Genady Sergeev avatar
    1596 posts

    Posted 02 Dec 2010 Link to this post

    Hello Mario,

    We haven't received other reports regarding this issue, so I suppose it might has something to do with the layout of the ASPX page RadAsyncUpload is placed in. Could you please paste here your aspx markup so that we can take a look?

    Greetings,
    Genady Sergeev
    the Telerik team
    Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Mario
    Mario avatar
    75 posts
    Member since:
    Jun 2009

    Posted 06 Dec 2010 Link to this post

    The problem only occurs when i select multiple files (file 1, 2 and 3) (via flash) with shift. Following failures accure:

    .) the first remove button works as intended, but the remove buttons of file 2 and 3 are'nt removing the files instead the remove buttons open the "select file dialog".
    .) after multiple selecting in the dialog and uploading the files (async). i remove a file and redo selecting to upload files, sometimes its showing file upload columns undreneath the txb as shown in the attached gif.

    asp markup:

    <head runat="server">
        <link href="~/App_Themes/Default/Style/Default.css" rel="stylesheet" type="text/css" />
        <title id="htmlTitle" runat="server">File Upload</title>
        <style type="text/css">
            .RadWindow_Default a.rwIcon
            {
                background: url('../Images/iflowsIcon.jpg') !important;
            }
        </style>
    </head>
    <body class="body">
        <form id="form1" runat="server">
             
            <telerik:RadScriptManager ID="radScriptManager" runat="server">
            </telerik:RadScriptManager>
             
            <telerik:RadSkinManager ID="radSkinManager" runat="server" Skin="Office2007">
            </telerik:RadSkinManager>
             
            <telerik:RadAjaxManager ID="radAjaxManager" runat="server">
            </telerik:RadAjaxManager>
             
            <telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel1" runat="server">
            </telerik:RadAjaxLoadingPanel>
             
            <telerik:RadProgressManager id="radProgressmanager" runat="server" />
                                     
            <telerik:RadScriptBlock runat="server" ID="RadScriptBlock1">
                <script type="text/javascript">
                 
                    function validateRadUpload(source, arguments)
                    {
                        var fileInputCount = $find("<%= radUpload.ClientID %>").getFileInputs().length;
                        var fileInputs = $find("<%= radUpload.ClientID %>").getFileInputs();
                         
                        var fileName = "nothing";
                         
                        for(var i = 0; i < fileInputCount; i++)
                        {
                            fileName = fileInputs[i].value;
                        }
                         
                        if(fileName != "nothing" && fileName.length > 0)
                        {
                            arguments.IsValid = true;
                        }
                        else
                        {
                            arguments.IsValid = false;
                        }
                    }
                     
                    function validateRadUploadFilepathLength(source, arguments)
                    {
                        var fileInputCount = $find("<%= radUpload.ClientID %>").getFileInputs().length;
                        var fileInputs = $find("<%= radUpload.ClientID %>").getFileInputs();
                         
                        var fileName = "nothing";
                         
                        for(var i = 0; i < fileInputCount; i++)
                        {
                            fileName = fileInputs[i].value;
                        }
                         
                        if(fileName.length < 501)
                        {
                            arguments.IsValid = true;
                        }
                        else
                        {
                            arguments.IsValid = false;
                        }
                    }
                     
                    function GetRadWindow()
                    {
                       var oWindow = null;
                       if (window.radWindow) oWindow = window.radWindow;
                       else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;
                       return oWindow;
                    }
                     
                    function CloseWindow()
                    {
                       var oWindow = GetRadWindow();
                       oWindow.argument = null;
                       oWindow.close();
                    }
                     
                    function CloseWindowWithArgument(value)
                    {
                        var oWindow = GetRadWindow();
                        oWindow.close(value);
                    }
                     
                    function CheckChar(text,e)  
                    {  
                        var regx = /[;]|['']|[!]|[|]/gi;
                        var flg = regx.test(text.value);
                           
                        if (flg)  
                        {    
                            var val = text.value;
                            val = val.replace(regx,'');
                            text.value = val; 
                        }
                    }
     
                    function EnableUploadButton(sender, args)
                    {
                        var btnUpload = document.getElementById("btnUpload");
     
                        btnUpload.src = "../App_Themes/Default/Images/accept.png";
                    }
     
                    function PostBackParentOnRelaod()
                    {
                        var oWindow = GetRadWindow();
                        oWindow.BrowserWindow.location.href = oWindow.BrowserWindow.location.href;
                    }
                     
                </script>
            </telerik:RadScriptBlock>
        
            <table id="table1" runat="server" align="center" class="radWindowLayout" width="500px">
            <tr>
                    <td align="center">
                        <table id="table2" runat="server" width="500px" align="center">
                        <tr>
                            <td>
                                <div class="title_elem">
                                    <asp:Label ID="Label1" runat="server" Text="Documentupload" style="padding: 5px;" OnLoad="OnLabelLoad"></asp:Label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td align="center" width="500px">
                                <div class="content_div">
                                        <iflowsControls:ErrorMessage ID="errorMessage" runat="server" Visible="false"/>
                                        <iflowsControls:HintMessage ID="hintMessage" runat="server" Visible="false"/>
                                        <table id="tableContent" runat="server" align="center" width="500px">
                                            <tr>
                                                <td align="center">
                                                    <asp:ValidationSummary ID="valSummary"
                                                        BorderColor="#b7bdcd"
                                                        BorderWidth="1px"
                                                        BorderStyle="Solid"
                                                        BackColor="#f7adc9"
                                                        DisplayMode="List"
                                                        runat="server"/>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="right" width="500px">
                                                    <telerik:RadAsyncUpload ID="radUpload" runat="server"
                                                        ReadOnlyFileInputs="true"
                                                        OverwriteExistingFiles="false" MultipleFileSelection="Automatic" Width="400px" OnClientFileUploaded="EnableUploadButton"
                                                        />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="center">
                                                    <asp:ImageButton ID="btnUpload" runat="server"
                                                        ImageUrl="~/App_Themes/Default/Images/empty.png"
                                                        BackColor="Transparent" onclick="btnUpload_Click"/>
                                                           
                                                        <asp:ImageButton ID="btnCancel" runat="server"
                                                        ImageUrl="~/App_Themes/Default/Images/cancel.png"
                                                        BackColor="Transparent" OnClientClick="CloseWindow();" CausesValidation="false"/>
                                                </td>
                                            </tr>
                                        </table>
                                </div>
                            </td>
                        </tr>
                        </table>
                    </td>
            </tr>
            </table>
              
        </form>
    </body>
    </html>

    also i attached a picture displaying the problem.

    - Mario
  5. Mario
    Mario avatar
    75 posts
    Member since:
    Jun 2009

    Posted 07 Dec 2010 Link to this post

    i just updated to Q3 2010 and it seems to be solved after first testing.

    - Mario
Back to Top