This is a migrated thread and some comments may be shown as answers.

Upload input takes up lots of space on page

3 Answers 13 Views
Upload
This is a migrated thread and some comments may be shown as answers.
JohnVS
Top achievements
Rank 1
JohnVS asked on 29 Jan 2014, 11:43 PM
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?

3 Answers, 1 is accepted

Sort by
0
Dimiter Madjarov
Telerik team
answered on 31 Jan 2014, 12:41 PM
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!
0
JohnVS
Top achievements
Rank 1
answered on 31 Jan 2014, 02:51 PM
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.
0
Dimiter Madjarov
Telerik team
answered on 31 Jan 2014, 02:53 PM
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!
Tags
Upload
Asked by
JohnVS
Top achievements
Rank 1
Answers by
Dimiter Madjarov
Telerik team
JohnVS
Top achievements
Rank 1
Share this question
or