Hide RadProgressArea client side

2 posts, 1 answers
  1. Meng
    Meng avatar
    57 posts
    Member since:
    Apr 2011

    Posted 07 Jul 2014 Link to this post

    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.
  2. Answer
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 07 Jul 2014 in reply to Meng Link to this post

    Hi Meng,

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

    <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" />

    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";

Back to Top