Upload - File name overlaps the Progress Indicator

4 posts, 0 answers
  1. Andrew
    Andrew avatar
    3 posts
    Member since:
    Jan 2011

    Posted 21 Apr 2015 Link to this post

    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?

     

     

  2. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2159 posts

    Posted 22 Apr 2015 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Andrew
    Andrew avatar
    3 posts
    Member since:
    Jan 2011

    Posted 22 Apr 2015 in reply to Dimiter Madjarov Link to this post

    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?

     

  5. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2159 posts

    Posted 23 Apr 2015 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready