Hide RadProgressArea client side

[Meng]

Hi there,

I have two RadAsyncUpload and a RadProgressArea on the same page, but I want the RadProgressArea to show only when the user uploading files using the first RadAsyncUpload, and hide the RadProgressArea when the user uploading through the second RadAsyncUpload. Currently, the RadProgressArea shows on both. Is there any way to hide the RadProgressArea using javascript? Any help is much appreciated.

[Shinu]

Hi Meng,

As a work around try to set the display property of RadProgressArea in OnClientFileUploading event of RadAsyncUpload.

ASPX:

<telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload1" MultipleFileSelection="Automatic"
    EnableInlineProgress="false" OnClientFileUploading="showProgressArea" />
<br />
<telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload2" MultipleFileSelection="Automatic"
    OnClientFileUploading="hideProgressArea" />
<br />
<telerik:RadProgressArea runat="server" ID="RadProgressArea1" />

JavaScript:

function hideProgressArea(sender, args) {
    var area = $find('<%=RadProgressArea1.ClientID%>');
    area.get_element().style.display = "none";
}
function showProgressArea(sender, args) {
    var area = $find('<%=RadProgressArea1.ClientID%>');
    area.get_element().style.display = "block";
}

Thanks,
Shinu.