Loading / waiting animation while waiting for the page to respond

Loading / waiting animation while waiting for the page to respond

  

Hello

I have a mobile app. On the screen I have a button that does some things but it takes a while to respond with the results. How can I create a loading / waiting widget that will be displaying on the screen while the user waits? Like the normal rotating circle that one always see when the computer is busy working on something? Currently my app is just not responding and the user don't know what is going on. Is there a standard mobile widget to use or a forge component?


Thanks!

Solution

Hi Vonnelize.

I don't think we have that pattern directly as you want, but you can easily take advantage of the React capabilities that P10 give us.

You can easily do something like this:

Then at the start of your action you'll assign that variable to True and after it ends, change it back to False:



Hope it helps.

Cheers,

GM

Solution

Thank you! I implemented as you suggested and it is perfect. Exactly what I wanted. Much appreciated.

Hi Vonnelize.

Nice to know that it was useful for your use case.