How to load each panel individually?

[Frank]

I have 3 panels on my page, which I want to load individually with a loadingPanel for each item individually.
How can I achieve this, as you can only have one RadAjaxManager?

I currently have this, but this will show a loading-icon at the same time in all the panels and they are executed at the same time:
 <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                <UpdatedControls>
                     <telerik:AjaxUpdatedControl ControlID="panelFoo" />
                    <telerik:AjaxUpdatedControl ControlID="panelBar" />
                    <telerik:AjaxUpdatedControl ControlID="panelMars" />
                    <telerik:AjaxUpdatedControl ControlID="panelSnickers" />
                 </UpdatedControls>
</telerik:AjaxSetting>

[Eyup]

Hello Frank,

You should add the panels in separate AjaxSetting tag:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="LoadingPanel1">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="Panel1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="Panel1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="Panel2">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="Panel2" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

Hope this helps.

Regards,
Eyup
Telerik