Hide "remove" "cancel" and "select" controls after upload started

Thread is closed for posting
2 posts, 0 answers
  1. zozzancs
    zozzancs avatar
    24 posts
    Member since:
    Dec 2009

    Posted 10 Dec 2010 Link to this post

    Dear Telerik!

    I would like to use RadAsyncUpload in a special way.
    I use MultipleFileSelection, it works fine, but I would like to allow users to select files only ones.
    One time browse, multiple file selection, and after that no other browse, no cancel, no remove from the list.
    I thought that if I choose ControlObjectsVisibility="None", i will get rid of "remove" and "cancel", but no.

    I would like to achieve this functionality:
    - user clicks "Select", selects multiple files
    - upload starts -> the "Select" control hides, the cancel and the remove linkes are hidden

    Is this possible somehow?

    I attached a picture about my request.
  2. Genady Sergeev
    Admin
    Genady Sergeev avatar
    1596 posts

    Posted 15 Dec 2010 Link to this post

    Hi zozzancs,

    Here is a sample page which shows how to achieve this functionality:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <title></title>
        <style type="text/css">
            .ruCancel, .ruRemove
            {
                display:none !important;
            }
         
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1">
        </telerik:RadScriptManager>
         
        <script type="text/javascript">
            function filesUploaded(sender) {
                $telerik.$("li:last", sender.get_element()).remove();
            }
         
        </script>
        
         
        <telerik:RadAsyncUpload id="RadAsyncUpload1" runat="server" MultipleFileSelection="Automatic" OnClientFilesUploaded="filesUploaded" />
         
        <telerik:RadButton runat="server" ID="Button1">
        </telerik:RadButton>
        
         
        </form>
    </body>
    </html>

    Best wishes,
    Genady Sergeev
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top