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

AsyncUpload + Bootstrap

1 Answer 11 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
Jason
Top achievements
Rank 1
Jason asked on 21 Mar 2019, 01:42 PM

Hello all,

I'm having a frustrating time with the asyncupload control while using bootstrap.  They apparently do not play well together?

I found the box-sizing css work-around, which does fix the text/button, but I'm having issues with the upload progress/remove controls.

See attached.

 

Any advice or solutions?

Thanks.

1 Answer, 1 is accepted

Sort by
0
Peter Milchev
Telerik team
answered on 26 Mar 2019, 09:14 AM
Hello Jason,

Would you please provide more details on the Bootstrap version you are using and also the markup of the AsyncUpload? Also, please check if setting the RenderMode of the AsyncUpload to Lightweight would make any difference.

Meanwhile, you can follow the suggestions in the first two points of the Improve Your Debugging Skills with Chrome DevTools blog post to inspect the applied styles that distort the correct appearance. 

Once you know the styles you need to override, you can use the same style selector and add "html body " in front of it to make it more specific, "stronger". More on CSS specificity you can find here: 


Regards,
Peter Milchev
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
AsyncUpload
Asked by
Jason
Top achievements
Rank 1
Answers by
Peter Milchev
Telerik team
Share this question
or