To make your website more user friendly, you can use an image in the CallbackPanel loading panel.
You can use any html content you want.
The loading panel content is visible while the CallbackPanel waits for the callback response from the server.
<oajax:CallbackPanel> <content> some content </content> <loading> <table width="100%" height="100%" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <img src="loading_icons/1.gif"> </td> </tr> </table> </loading> </oajax:CallbackPanel>
|
Here is a list of available images you can use:
|
loading_icons/1.gif
|
loading_icons/2.gif
|
loading_icons/3.gif
|
loading_icons/4.gif
|
|
loading_icons/5.gif
|
loading_icons/6.gif
|
loading_icons/7.gif
|
loading_icons/8.gif
|
|
loading_icons/9.gif
|
loading_icons/10.gif
|
loading_icons/11.gif
|
loading_icons/12.gif
|
|
loading_icons/13.gif
|
loading_icons/14.gif
|
loading_icons/15.gif
|
|
For more information about CallbackPanel see
How It Works page.
See also
Customize loading panel examples.