Displaying file names below the control

4 posts, 0 answers
  1. Needha
    Needha avatar
    14 posts
    Member since:
    Mar 2013

    Posted 27 Jun 2013 Link to this post

    Hi telerik,

    When I select files to upload, the files names are displayed above the control. I want to display the file names and internal progress bar below the file input.

    Thanks for reply,
    Needha.
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 27 Jun 2013 Link to this post

    Hi Needha,

    Try setting the RadAsyncUpload's UploadedFilesRendering property to BelowFileInput to display the uploaded file names below the control.

    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Aravind
    Aravind avatar
    41 posts
    Member since:
    Jun 2013

    Posted 10 Jul 2013 Link to this post

    Hi
       is ti possible to show select button only after file is uploaded in asyncupload
    i use below java script for show file name in text box and i want hide file name in asyncuplod control ,only i need remove icon and select button no need file above the control ,bcz in script i show in textbox

     function OnClientFileUploaded(sender, args) {
                var contentType = args.get_fileName()
                 document.getElementById("ctl00_ContentPlaceHolder1_txtMfpFilepath").value = contentType;
            }

    and i use css for hide file remove and cancel in control but this remove select button also

    .ruUploadProgress, li .ruCancel, li .ruRemove
            {
                visibility:hidden;
            }
            li.ruUploading
            {
                height:1px;
            }
    pls reply me asap,sorry for here i post,bcz in new thread nobody reply me.

     Regards
        Aravind
  5. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 15 Jul 2013 Link to this post

    Hi Aravind,

    You can hide the input of the RadAsyncUpload as set HideFileInput to true. For the rest (icon and remove text) use the following css:
    <style type="text/css">
        .ruButton.ruRemove {
            visibility:hidden;
        }
     
        .RadUpload .ruUploadSuccess, .RadUpload .ruUploadFailure, .RadUpload .ruUploadCancelled {
            background-image:none !important;
        }
    </style>

    Regards,
    Hristo Valyavicharski
    Telerik
    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 the blog feed now.
Back to Top