Displaying file names below the control

[Needha]

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.

[Shinu]

Hi Needha,

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

Thanks,
Shinu.

[Aravind]

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

[Hristo Valyavicharski]

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