Upload input takes up lots of space on page

[JohnVS]

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?

[Dimiter Madjarov]

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

[JohnVS]

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.

[Dimiter Madjarov]

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