AsyncUpload Stops when in RadWindow and resizing

[Paul]

I have a AsyncUpload and RadProgressArea on a page that is loaded into a RadWindow all works fine until I call

GetRadWindow().autoSize(true);

and then the upload stops/freezes.

In fact if I try to resize the window in anyway using javascript it stops the upload.

What I'm trying to achieve is that when the window is first opened it's height is set big enough to show the AsyncUpload control say 100px. Then when a user selects a file to upload and RadProgressArea is shown then call autosize so that the window grows to show it and then when upload finishes and the RadProgressArea disapears then set the window height back to 100px.

Is there a way around this.

[Peter Filipov]

Hello Paul,

Thank you for the report. I forwarded the issue to our development team for further investigation.
Here is a possible workaround:
First disable silverlight and flash modules - use the IFrame to upload files.
After, resize the window when OnClientFileUploading and OnClientFilesUploaded are fired.
Here is the sample code:

<form id="form1" runat="server">
    <div>
        <telerik:RadWindowManager runat="server" ID="RadWindowManager" Behaviors="Close, Move, Resize,Maximize">
            <Windows>
                <telerik:RadWindow runat="server" ID="RadWindow" VisibleOnPageLoad="true" >
                    <ContentTemplate>

                        <telerik:RadScriptManager runat="server" ID="RadScriptManager">
                        </telerik:RadScriptManager>
                        <telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload" OnClientProgressUpdating="resize" OnClientFilesUploaded="resize">
                        </telerik:RadAsyncUpload>
                        <telerik:RadProgressArea runat="server" ID="RadProgressArea"></telerik:RadProgressArea>
                    </ContentTemplate>
                </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>
    </div>
    </form>
    <script type="text/javascript">
        Telerik.Web.UI.RadAsyncUpload.Modules.Flash.isAvailable = function () { return false; };
        Telerik.Web.UI.RadAsyncUpload.Modules.Silverlight.isAvailable = function() { return false; };

        function resize()
        {
            var window = $find("<%=RadWindow.ClientID%>");
            window.autoSize(true);
        }
    </script>

For more information see the following help article about the RadAsyncUpload events.

Regards,
Peter Filipov
the Telerik team

[Paul]

Hi Peter,
             If I disable those modules would that not take away the multiple select upload functionality. I still would like to be able to select multiple files.

Thanks 

[Peter Filipov]

Hi Paul,

The way to avoid the exception issue is to use IFrame. We are aware of that problem and it is going to be fixed. IFrame does not provide multiple files select.

All the best,
Peter Filipov
the Telerik team

[William]

Has any progress been made on this issue?  I am experiencing the same behavior where the RadAsyncUpload stops after RadWindow resize.  We must have the multiple file upload functionality so falling back to iFrame use is not an option.  We are running v2011.1.519.40.  Thanks.

[Peter Filipov]

Hi William,

After further investigation we figured out that this is caused by the Silverlight and Flash objects. Unfortunately the issue is out of our hands. Starting from Q2.2011 RadAsyncUpload uses FileApi module to upload files. It supports multiple selection. FileApi is supported by the following browsers FireFox (3.6+), Chrome, Safari (5+), Opera, and Safari for MAC.

All the best,
Peter Filipov
the Telerik team