Spinner for bubble edit

wadeparallon

Is there a way to have a "spinner" to indicate the form is actually working similar to the Edit Full Row functionality:

On the inline bubble edit like here:

colin

You can do something like this, using field().processing() - you need to look quickly, but disabling the submitComplete will show it on the next edit.

Colin

wadeparallon

Yes, this I can work with. I can adjust the CSS maybe...
Your demo is even off:

though in bootstrap 4 is FAR LEFT

The submitComplete doesn't seem to be turning it off however (even in your demo) when I click to edit it again and it's still "processing"

wadeparallon

I've fixed it from not going away by adding this to my initialization:

_editor.bubble(this,
 {
   onBlur: 'close',
   submit: 'allIfChanged',
   onComplete: function() {
     _editor.field(_editor.displayed()).processing(false);
     _editor.close();
   }

 });

Now I just gotta figure out the CSS....

wadeparallon

Not sure this is proper but fixed CSS like so:

div.DTE div.DTE_Field div.DTE_Processing_Indicator {
    top: 0px;
    right: 0px;
    position: absolute;
    width: 25px !important;
}

colin

Ah sorry, it was a last minute change, it should be postSubmit - http://live.datatables.net/nifiyude/5/edit

Colin