AJAX Page - Customize loading panel

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.