Text Format

[David]

I have two formatting issues represented in attachements

1) Name of the uploaded file and 'remove' label do not align

2) If file name is too long it drops 'remove' label to the next line. My preference would be to limit displayed file name to particular length

 

Thank you

 

 

[Doncho]

Hello David,

In order to change the default appearance of the AsyncUpload, you will need to override the default styles. In your other Forum post "Change gif image for loading panel" Attila shared all the tools you need to inspect the rendered HTML and debug it with the browser's Developer Tools.

Nevertheless, I will show you a basic example below:

<div style="width: 300px; border: 1px solid red;">
    <telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server"></telerik:RadAsyncUpload>
</div>

 

CSS override:

/* workaround for issue #1 */
html body .RadUpload .ruFileLI .ruFileWrap {
    padding: 0;
}
/* workaround forrissue #2 */
html body .RadAsyncUpload .ruFileLI .ruUploadProgress {
    white-space: nowrap;
    overflow: hidden;
    width: 200px;
    text-overflow: ellipsis;
    display: block;
}

 

Kind regards,
Doncho
Progress Telerik

[David]

Thank you