Hide RadUpload during upload

Thread is closed for posting
2 posts, 0 answers
  1. Maurizio
    Maurizio avatar
    1 posts
    Member since:
    Oct 2011

    Posted 20 Oct 2011 Link to this post

    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
  2. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 24 Oct 2011 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top