Hide RadUpload during upload

[Maurizio]

Hi to all,

I'd like to ask a question about RadUpload control.
I'm using RadUpload control for perform file upload, in my ASP.NET page I've include following code:

<telerik:RadProgressManager id="Radprogressmanager1" runat="server" />
<telerik:RadUpload ID="RadUpload1" Runat="server" Visible="true" InitialFileInputsCount="1" MaxFileInputsCount="1" controlobjectsvisibility="ClearButtons" />
<asp:Button ID="cmdUpload" runat="server" Text="Upload" Visible="true" />
<telerik:RadProgressArea id="progressArea1" runat="server" progressindicators="TotalProgressBar, TotalProgressPercent, TotalProgress, RequestSize, CurrentFileName, TimeElapsed, TimeEstimated, TransferSpeed" DisplayCancelButton="true" />

When I load the page, RadUpload is visible and RadProgressArea is hidden, when I select the file and I press cmdUpload button, RadProgressArea is display and present to me uploading process.

During this upload process I'd like to hide RadUpload control, showing only progress bar.

Thank you very much for your support!

Have nice day!
Maurizio

[Peter Filipov]

Hi Maurizio,

Please review the following sample code:

<telerik:radprogressmanager id="Radprogressmanager1" runat="server" />
<telerik:radupload id="RadUpload1" runat="server" visible="true" initialfileinputscount="1" maxfileinputscount="1" ontrolobjectsvisibility="ClearButtons" />
<input ID="cmdUpload" type="button" onclick="doPostBack()"/>
<telerik:radprogressarea id="progressArea1" runat="server" progressindicators="TotalProgressBar, TotalProgressPercent, TotalProgress, RequestSize, CurrentFileName, TimeElapsed, TimeEstimated, TransferSpeed" displaycancelbutton="true" />

<script type="text/javascript">
    function doPostBack(){
       $telerik.$(".RadUpload").css("visibility", "hidden");
         __doPostBack("","");
     }
</script>

Greetings,
Peter Filipov
the Telerik team