Form submit button loading not working in mobile

  • Goal: When submitting a form in retool mobile, I want to display a loading indicator

  • Steps: I've narrowed it down to it being related to setting the button type to "Submit". When I set the button to "Default" the loading indicator works. I've just created a variable where the default value is true. When the type is "Default" I see the loading indicator, when I set it to "Submit" the loading indicator is not visible.

Screenshots and extra information not necessary as it's easily replicateable.

1 Like

What do you have set in the loading state of the submit button?

Usually you do something like this:

{{resourceQueryName.isFetching}}

But it can also be something like this: (pseudo code)

{{ submit-button-was-clicked && data-processing-not-yet-finished}}

This way you dictate when the loading state should end. Usually submitting a form is quick and finished right after. But the data processing and the response can take a while. Also,.. the feedback/result from the data processing could be stored somewhere else when it’s finished and can be checked that way with another query.

You decide when the loading state disappears and due to what conditions.

Edit:
Sorry, I didn’t see that you set the loading state to a variable.

What if you just enter {{true}} in the loading state? Just to check. :thinking:
I wish I could try it but retool editor doesn’t work very well on an iPhone and I’m about to board :flight_departure: and don’t have my laptop with me. Sorry!

1 Like