This is a migrated thread and some comments may be shown as answers.

How to style AsyncUpload File List

2 Answers 168 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
Matthew
Top achievements
Rank 1
Matthew asked on 18 Aug 2014, 07:21 PM
Hello everyone,

I'm currently using the RadAsyncUpload control to upload files to a database. When selecting files using the control, the file names appear underneath the "Select" button. A requirement is for up to 15 files to be uploaded at one time. When 15 files are selected the list of files that appears underneath the control becomes very large. I was wondering how I can style this list to implement a scroll bar, or at the very least decrease the line spacing between each file within the list. 

RadAsyncUpload Control ASPX:
<telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" Height="100%" MultipleFileSelection="Automatic"
    MaxFileInputsCount="15" Width="100%" Skin="Default" UploadedFilesRendering="BelowFileInput"
    AllowedFileExtensions="doc,docx,pdf,png,xls,xlsx" HideFileInput="true" InputSize="15">
</telerik:RadAsyncUpload>

Any suggestions on how to alter the file list with css or any other means will be greatly appreciated.

Thanks,
Matt

2 Answers, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 2
answered on 19 Aug 2014, 03:57 AM
Hi Matthew,

Try below CSS to achieve your scenario.

CSS:
.ruInputs
{
    width: 300px !important;
    height: 200px !important;
    overflow: auto !important;
}

Thanks,
Shinu.
0
Matthew
Top achievements
Rank 1
answered on 19 Aug 2014, 02:15 PM
Thank you Shinu, your solution worked well. 
Tags
AsyncUpload
Asked by
Matthew
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Matthew
Top achievements
Rank 1
Share this question
or