Upload input takes up lots of space on page

4 posts, 0 answers
  1. JohnVS
    JohnVS avatar
    76 posts
    Member since:
    Apr 2013

    Posted 29 Jan 2014 Link to this post

    We were previously using Bootstrap 2 with KendoUI, and we just recently upgraded to Bootstrap 3. Since the switch, we just started noticing that Kendo Upload widgets were taking up tons of space. The input itself, for whatever reason, is covering hundreds of pixels of the page (see screenshot), and the only thing that seems to be causing it to be that large is the  "font: 200px monospace!important;"  style that Kendo puts on the file input. We have no custom CSS styles affecting the file input; only Bootstrap 3 and KendoUI. Is anyone else experiencing this problem?
  2. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2159 posts

    Posted 31 Jan 2014 Link to this post

    Hello John,


    This style is existing from the first version of the Upload widget and it is added because of functional (not styling) reasons. Nevertheless the Upload widget indeed should not take as much place on the right side. You could assure this in our demos. Could you provide a small isolated runnable example, in which the issue is reproducing, so we could inspect it locally and pin point the reason for the problem?

    I am looking forward to hearing from you.

    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. JohnVS
    JohnVS avatar
    76 posts
    Member since:
    Apr 2013

    Posted 31 Jan 2014 in reply to Dimiter Madjarov Link to this post

    We had a rogue style targeting the .k-upload-button class, which was causing this issue.

    .k-upload-button { position: initial; }

    Once I removed it, the Upload now works as expected.
  5. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2159 posts

    Posted 31 Jan 2014 Link to this post

    Hi John,


    I am glad that the issue is resolved. Do not hesitate to contact us again if you experience further problems.

    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