Upload - File name overlaps the Progress Indicator

[Andrew]

When the user selected file has quite a long file name, the name displays all the way to the end of the upload component and overlaps the progress indicator.

Can it be fixed so the file name automatically get truncated when it reaches the progress indicator?

 

 

[Dimiter Madjarov]

Hello Andrew,

The filename span element has a max-width property set via it's k-filename CSS class. You could assure this in the following example. If the max-width is too big for the current case, you could override it via CSS.

Regards,
Dimiter Madjarov
Telerik

 

 

[Andrew]

Thanks for the quick reply,

Unfortunately we do not directly control the size of an individual control on framework/css.

The size of the control can be different from one form to another. Also some forms can be resized by the user.

Can the filename and progress indicator be adjusted automatically in run-time?

 

[Dimiter Madjarov]

Hello Andrew,

At the moment the width is not adjusted automatically. You could set the required file name width via jQuery.

$(".k-upload .k-filename").width(...);

Regards,
Dimiter Madjarov
Telerik