How to make a wait rotating icon to appear while my rest function is being evaluated

[CelesteCS]

Hello,

I'm working on a property dialog extension, when on a button press some REST function is called. For the time while this function is performed, I need the page contents to be grayed out and a standard spinner icon is shown.

How to do it?

[Jobin Kuruvilla [Adaptavist]]

Agree with Norman. Just to add on to it, AUI provides a waiting icon. You can do something like:

Please wait while the page is loading <span class="aui-icon aui-icon-wait">Loading...</span>

If you want a real progress bar, you will have to explore some jquery plugins.

[Norman Abramovitz]

This answer has very little to do with Atlassian products other than you are making an ajax call to Atlassian products.  Before you make the rest call you put a div over the complete body and use css to make it translucent.   The waiting icon can be a gif you position on the translucent div.   When the rest callback is done and you process whatever data that is returned, you then remove or hide the div and gif.

There are many examples you can find using your favorite search engine.

The rest call should be done asynchronously verses synchronously.

[gfernndezchas]

This is how to show a spinner.

https://docs.atlassian.com/aui/5.5.1/docs/spinner.html

Hope it helps.

Cheers.

[CelesteCS]

Hello,

Thank you for your answers! Based on it I found the following article: https://docs.atlassian.com/aui/5.5.1/docs/icons.html.

But how to show it dynamically from JavaScript?

Thanks!