Adding bootloader image / text to Bootstrap X-editable

Question

How can I put the ger file downloader in X-editable during the update request?

This is my code:

$(document).ready(function() { $('#username').editable(); }); <a href="#" id="username">superuser</a> $('#username').editable({ type: 'text', pk: 1, url: '/post', title: 'Enter username' }); 

Answer 1

X-editable comes with a default gif downloader.

Just make sure the bootloader gif is the following way:

 /img/loading.gif 

If you want to specify a custom path to loader.gif,

Change the following lines in the editable-form.css , line 42 :

 .editableform-loading { background: url('../img/loading.gif') center center no-repeat; ...