Spinner for bubble edit

Spinner for bubble edit

wadeparallonwadeparallon Posts: 34Questions: 4Answers: 0

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:

This question has an accepted answers - jump to answer

Answers

  • colincolin Posts: 15,237Questions: 1Answers: 2,598
    Answer ✓

    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

  • wadeparallonwadeparallon Posts: 34Questions: 4Answers: 0
    edited February 2022

    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"

  • wadeparallonwadeparallon Posts: 34Questions: 4Answers: 0

    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....

  • wadeparallonwadeparallon Posts: 34Questions: 4Answers: 0

    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;
    }
    

  • colincolin Posts: 15,237Questions: 1Answers: 2,598

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

    Colin

Sign In or Register to comment.