How to disable the "See Details" button in the image preview?

Question

I’m using: http://plugins.krajee.com/file-input

Here is an example in jsfidde : https://jsfiddle.net/DTcHh/30000/

How to disable this button:

Here is the code:

HTML:

<input id="input-id" type="file" class="file" data-preview-file-type="text">

JS:

$("#input-id").fileinput({ showRemove: true, showUpload: false, showCaption: true, showZoom: true, zoomIcon: false });

Answer 1

Directly through the plugin I could not remove, I managed using css:

.file-footer-buttons {
    display: none;
}

I just stopped displaying the div containing the buttons at the bottom.

Answer 2

Add the options: {'fileActionSettings':{'showZoom': false}

$("#input-id").fileinput({
     fileActionSettings: {
         showZoom: false
     },
     showRemove: true,
     showUpload: false,
     showCaption: true,
     showZoom: true,
     zoomIcon: false
});

Answer 3

Just disabling it doesn’t make sense since it will pass the idea that it’s not working as it should.. or "bugged" what can be done is using a display:None in CSS marking it as ! Mportant because it will certainly read according to the css link..

.krajee-default .file-footer-buttons {
float: right;
display: none;

}