How to update blueimp jquery file upload to use Bootstrap 4+

Asked 15/2, 2017 at 12:41 Answered 29/5, 2021 at 15:9

Welcomed dear reader!

It seems Bootstrap 4 does not use the CSS class .in{...} any more.

This influences blueimp jquery file upload in the way that the list of files to be uploaded will not be shown after pressing the Add files button.

Do I do anything wrong? - Or can this class be added to the blueimp jquery file upload framwork/app?...

Best wishes!

Luben answered 15/2, 2017 at 12:41 Comment(0)

Just add this to your stylesheet

.fade.in {
    opacity: 1
}

Foliar answered 9/1, 2018 at 6:40 Comment(1)

Is there another option? – Photophilous 17/8, 2018 at 18:34

I may be a little late but I made it work by adding show after fade to the <tr> tags.

<tr class="template-download fade show">

and

<tr class="template-upload fade show">

Kush answered 11/2, 2019 at 13:52 Comment(0)

jquery.fileupload-ui.js

find the line

      showElementClass: 'in',

change to

      showElementClass: 'show',

Emmetropia answered 29/5, 2021 at 15:9 Comment(0)