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

RadAsyncUpload doesnt work in RadWindow with Firefox 4

1 Answer 104 Views

AsyncUpload

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

Atman asked on 10 Jun 2011, 09:37 AM

HI,

I am using RadAsyncUpload for file upload. Its working in IE 8, IE9. But its not working for firefox 4.0. This RadAsyncUpload control gets Open within RadWindow. Any help regarding this will be appreciated.

I am using telerik ASP.Net Ajax Version 2011.1.519.35. Shown code used for upload.

<body runat="server" style="background-color: White;">

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

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

</asp:ScriptManager>

<telerik:RadAjaxManager ID="AjaxManagerProxy" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="AttachmentGrid">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="AttachmentGrid" LoadingPanelID="RadAjaxLoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel" runat="server" />

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

var $ = $telerik.$;

var uploadsInProgress = 0;

function onFileSelected(sender, args) {

if (!uploadsInProgress) {

$("#SaveButton").attr("disabled", "disabled");

}

uploadsInProgress++;

}

function onFileRemoved(sender, args) {

document.getElementById("hiddenFileName").value = "";

}

function onFileUploaded(sender, args) {

decrementUploadsInProgress();

document.getElementById("hiddenFileName").value = args.get_fileName();

}

function onUploadFailed(sender, args) {

decrementUploadsInProgress();

}

function decrementUploadsInProgress() {

uploadsInProgress--;

if (!uploadsInProgress)

$("#SaveButton").removeAttr("disabled");

}

function validationFailed(sender, eventArgs) {

alert("File exceeds size Limit!");

return false;

}

</script>

</telerik:RadScriptBlock>

<table width="98%" style="vertical-align: top" class="mainbody" border="0" >

<tr id="trFileUpload" runat="server">

<td valign="top">

<fieldset id="FiledSet1" class="login">

<legend>Attachment</legend>

<table border="0">

<tr valign="top">

<td align="right" class="EditFormHeader" style="width: 18%">

File :

</td>

<td align="left" style="width: 82%">

<telerik:RadAsyncUpload runat="server" ID="AsyncFileUpload" Width="550px" EnableAjaxSkinRendering="false" EnableTheming="false"

MaxFileInputsCount="1" MultipleFileSelection="Disabled" EnableInlineProgress="true"

OnClientFileUploadFailed="onUploadFailed" OnClientFileSelected="onFileSelected"

OnClientFileUploaded="onFileUploaded" OnFileUploaded="AsyncFileUpload_FileUploaded"

OnClientFileUploadRemoved="onFileRemoved" MaxFileSize="10485760" OnClientValidationFailed="validationFailed" EnableFileInputSkinning="false" InputSize="50">

</telerik:RadAsyncUpload> File size limit 10 MB.

</td>

</tr>

<tr valign="top">

<td align="right" class="EditFormHeader" style="width: 18%">

Keywords :

<br />

(Enter one or more keyword describing document. Each keyword should be separated

by comma(,))

</td>

<td class="editFormRow" align="left" style="width: 82%">

<asp:TextBox ID="txtKeywords" runat="server" TextMode="MultiLine" Width="450px" Height="120px"></asp:TextBox>

</td>

</tr>

<tr valign="top">

<td style="width: 18%">

</td>

<td align="left" style="width: 82%">

<asp:Button ID="btnUpload" runat="server" CssClass="actionButton" Text="Upload" OnClick="btnUpload_Click"/> <asp:Button

ID="btnCancel" runat="server" CssClass="actionButton" Text="Cancel" CausesValidation="false" />

</td>

</tr>

</table>

</fieldset>

</td>

</tr>

</table>

<input id="hiddenFileName" type="hidden" name="hiddenFileName" value="" />

<input id="hiddenIssueID" type="hidden" name="hiddenIssueID" value="" />

<input id="hiddenActionID" type="hidden" name="hiddenActionID" value="" />

<input id="hiddenOutcomeID" type="hidden" name="hiddenOutcomeID" value="" />

</form>

</body>

Thanks,
Atman

1 Answer, 1 is accepted

answered on 10 Jun 2011, 02:29 PM

Hi Atman,

I have already answered your question into the support ticket. To avoid duplication, let continue the
communication in the support thread.

Here is my answer:
We are aware for this issue when the Silverlight module is used. It is going to be fixed.
In the meantime please use the IFrame module to upload files with RadAsyncUpload control.
Please consult with the following help article how to configure your web config.
Here is a sample code how to disable Flash and Silverlight modules:

Copy Code

Telerik.Web.UI.RadAsyncUpload.Modules.Flash.isAvailable = function () { return false; };

Telerik.Web.UI.RadAsyncUpload.Modules.Silverlight.isAvailable = function() { return false; };

Best wishes,
Peter Filipov
the Telerik team

Browse the vast support resources we have to jump start 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.