Show and Hide AjaxLoadingPanel explicitly over multiple elements

[Felix]

Hello,

I know there is an example how to show and hide the loading panel over one single page-element at the documentation. But I wonder if it is possible to show and hide the loading panel over multiple elements of the page, e.g. over a toolbar at the top and a grid at the bottom of the page.

Thanks in advance.

Kind regards

Felix

[Felix]

Does really no one has a solution for my problem?

[Loïc]

Hi Felix,

I think you can find your answer here : Show and hide AjaxLoadingPanel explicitly.

[Felix]

Hi Loic,

like I mentioned before I have already read this documentation. But this is only for showing a loading panel over one single element. But I want to show the loading panel over multiple elements on the page explicitly.

 

[Loïc]

In this example, they only update one control, which is a Panel.

But in your JavaScript code, have you tried to call the ".show()" method for you different updated controls (toolbar and grid) ?

[Felix]

Yes I've already tried that but with no luck.

[Loïc]

Then, the only solution I see to your problem is to have a loading panel (with the same skin) for each element.

Thus, you could use ".show()" method of each loading panels, and show them over your elements.