[Solved] RadAjaxLoadingPanel and Ajax Timer

[Stephen]

Hello,

I have a RadAjaxPanel, which contains a RadGrid, Timer, and RadAjaxLoadingPanel.  The Ajax in the grid works correctly (expanding, sorting and such).  When doing these items, the RadAjaxLoadingPanel graphic displays as it should.

The timer is working properly in updating the panel.  However, when this timer update occurs, I do not get the RadAjaxLoadingPanel graphic in my grid, like I want.

Perhaps I am using the AjaxManager incorrectly? I have:

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="eventsGrid">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="eventsGrid" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>

When I try to put the actual panel in there as well as the grid (or without the grid) like this:

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="eventsGrid">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="eventsGrid" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>

            <telerik:AjaxSetting AjaxControlID="eventAjaxPanel">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="eventAjaxPanel" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>

I have a different issue.  The loading graphic shows up at the timer event, but it doesn't go away.

I think I'm missing something simple here.  Any help is appreciated.

Thanks,
Stephen

[Stephen]

Any ideas for this?  I think I'm missing something simple, since the progress area shows up when working with the table, just not when the Ajax timer fires..

[Maria Ilieva]

Hi Stephen,

Could you please elaborate if you are using the classic RadAjaxTimer or the one implemented in the AJAX Extensions suite. If you are using the RadAjaxTimer, which is still not released in Prometheus version, you may observe some issues in scenarios like yours (using classic RadAjaxTimer and Prometheus Ajax components).
 Also could you please let me know if in the first scenario the RadAjaxLoadingPanel does not appear at all, or it is not properly positioned. If the problem is in the LoadingPanel position, you could modify this setting by applying custom style for the LoadingPanel (for example: style="position:relative;top:50;") .
Regarding the second proposed scenario you have tried to use, we do not recommend using the RadAjaxManager and the RadAjaxPanel controls in one application, and more over when the panel is an ajax initiator or an updated control in the RadAjaxManager settings. There are some known issues when using both the manager and the panel in some complex applications, so please try avoiding these combinations.
If none of these suggestions help in solving your issue, it will be very helpful if you could send us a sample runnable project, replicating the issue, in a regular support ticket, for additional investigation.

Greetings,
Maria Ilieva
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Stephen]

Thank you for your reply.

With your suggestions and more time to play around with this on my own, I was able to figure it out.

I am using the regular MS asp:Timer

I got rid of the AjaxManager and now I only have the AjaxPanel.  So I have this:

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Width="100%" LoadingPanelID="RadAjaxLoadingPanel1">

    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"
                Height="75px" Width="75px" Transparency="10" MinDisplayTime="100">
                <table style="width:100%;height:100%;">
                <tr style="height:100%"><td align="center" valign="middle" style="width:100%">

                <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border:0;" />
                 </td></tr>
            </table>
            </telerik:RadAjaxLoadingPanel>

<telerik:RadGrid ... >
....

</telerik:RadGrid>

            <asp:Timer ID="eventsGridTimer" runat="server" OnTick="UpdateDataGrid"
                Interval="5000">
            </asp:Timer>

            </telerik:RadAjaxPanel>

With the above code, the loading panel displays when manipulating the RadGrid and when the panel refreshes with the timer, as expected.

Thanks for your help,
Stephen