Progress Area appearance issues.

[Naveen]

I'm facing 2 issues while using the RadProgressArea :

Firstly, I have a RadAsyncUpload on my page through which I am uploading files and displaying the uploaded files on the same page in a RadGrid. Each line item in the RadGrid is a downloadable file which gets downloaded on click of the link. Now, the problem which I'm facing is, whenever I click on a particular file for download, the RadProgressArea shows up and doensn't go away until I refresh the page. There is no progress indicated in the Progress Area as well.

Even if I'm hiding the Progress Area using Javascript function, it doesn't help as still the Progress Area appears.

 

Secondly, I'm facing a compatibility issue, being the functionality of the Progress Area works best in IE 10,11 and Chrome but not in IE 9, 9(Compatibility Mode).

Whenever I cancel an upload using the RadAsyncUpload - 'Cancel' Button(Runtime Button) while a file is getting uploaded, the ProgressArea still stays on the screen, though the upload is stopped. This happens only in the case of IE9 but not in IE10,11 and Chrome.

Pls. help me sort these appearance issues.

 

 

 

[Ivan Danchev]

Hello,

You can hide the RadProgressArea with js as shown below:

var area = $find('<%=RadProgressArea1.ClientID%>');
area.get_element().style.display = "none";

Another way to prevent the ProgressArea from showing is to cancel its OnClientProgressUpdating event:

function OnClientProgressUpdating(radProgressArea, args) {
    args.set_cancel(true);
}

On the issue with the ProgressArea not going away after canceling the upload, could please try uploading a file with our ProgressArea - Integration with AsyncUpload live demo. At my side canceling the upload correctly makes the ProgressArea disappear in IE9 with regardless of the Compatibility Mode setting.

Regards,
Ivan Danchev
Telerik