How to style AsyncUpload File List

3 posts, 1 answers
  1. Matthew
    Matthew avatar
    13 posts
    Member since:
    Aug 2014

    Posted 18 Aug 2014 Link to this post

    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">

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

  2. Answer
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 18 Aug 2014 in reply to Matthew Link to this post

    Hi Matthew,

    Try below CSS to achieve your scenario.

        width: 300px !important;
        height: 200px !important;
        overflow: auto !important;

  3. DevCraft R3 2016 release webinar banner
  4. Matthew
    Matthew avatar
    13 posts
    Member since:
    Aug 2014

    Posted 19 Aug 2014 in reply to Shinu Link to this post

    Thank you Shinu, your solution worked well. 
Back to Top