Unable to make spinner work

Wappler General Need Help
1

I read this https://docs.wappler.io/t/show-disabled-button-with-spinner-on-form-submit/5470
and i’m trying to have a spinner work on my App Connect Form Submit Button

What am i doing wrong ? The API gets executed correctly but the spinner does not appear at any time

This is the Form’s submit button code

<button class="btn btn-outline-warning btn-lg w-100 mt-3" 
type="submit" dmx-text="jsonDS.data.Login[session.data.preferredLanguage]+'>>'">
        <span class="spinner-border" role="status" dmx-show="state.executing"></span>
 </button>
2

Well, don’t use dmx-text here. It replaces the content if the button with the text. Use direct data binding inside the button:

{{jsonDS.data.Login[session.data.preferredLanguage]}} >> <span class="spinner-border" role="status" dmx-show="state.executing"></span>
1 Like
3

Thanks it worked

<button class="btn btn-outline-warning btn-lg w-100 mt-3" type="submit">
                            {{jsonDS.data.Login[session.data.preferredLanguage]}} 
<span class="spinner-border" role="status" dmx-show="state.executing"></span>
                        </button>