RadLoadingPanel causes user control(Datalist) to not display

[JEREMY BOND]

I've implemented the RadAjaxPanel on my ascx page. using the method described here http://www.telerik.com/help/aspnet-ajax/ajax-loadingpanel-animation.html

Everything appears to be working within the ascx page except the datalist on the master page never displays. If I remove the RadAjaxLoadingPanel from the ascx page the datalist functions as expected.

Any ideas? Or places to start looking?

<script type="text/javascript">
    function MyClientShowing(sender, args) {
        document.title = "show " + new Date(); args.get_loadingElement().style.border = "2px solid red"; args.set_cancelNativeDisplay(true);
        $telerik.$(args.get_loadingElement()).show("slow");
    }
    function MyClientHiding(sender, args) {
        document.title = "hide " + new Date(); args.get_loadingElement().style.border = "2px solid blue"; args.set_cancelNativeDisplay(true);
        $telerik.$(args.get_loadingElement()).hide("slow");
    }
</script>
</telerik:RadCodeBlock>

<style type="text/css">
    .hiddencol
    {
        display:none;
    }
    .viscol
    {
        display:block;
    }
</style>


<asp:Panel ID="pnl_CartContent" runat="server" cssclass="collapsePanel" Height="100%">
<table width="264"> ... </table>
</asp:Panel>

<ACTK:AlwaysVisibleControlExtender ID="avce_Cart" runat="server" TargetControlID="pnl_CartContent" VerticalSide="Top" VerticalOffset="225" HorizontalSide="Left" HorizontalOffset="650" ScrollEffectDuration=".1"  />

                  <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" OnClientShowing="MyClientShowing" OnClientHiding="MyClientHiding" />
                        <telerik:RadAjaxManager ID="RadAjaxManager2" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
                            <AjaxSettings>
                                <telerik:AjaxSetting AjaxControlID="btn_Search">
                                    <UpdatedControls>
                                        <telerik:AjaxUpdatedControl ControlID="pnl_SearchHeaderMain" />
                                    </UpdatedControls>
                                </telerik:AjaxSetting>
                            </AjaxSettings>
                    </telerik:RadAjaxManager>

<asp:Panel id="pnl_SearchHeaderMain" runat="server">
<div>...</div>
</asp:Panel>

[Maria Ilieva]

Hi Jeremy,

I tried to replicate the described issue locally but to no avail. Please find attached a small runnable example which works correctly on my side. test it locally and let me know what the difference in your case is.

Best wishes,
Maria Ilieva
the Telerik team

[JEREMY BOND]

I miss spoke, the ascx control is included in a aspx page, either way the loading panel works in a simple solution.

This is the weird thing that I'm noticing.

the datalist control on the page exists during debug but if I view the page source after the page has been rendered it does not contain the datalist control.

[Maria Ilieva]

Hello Jeremy,

It will be very helpful if you could open a regular support ticket and send us sample runnable application which demonstrates the described behaviour. Thus we will be able to debug it locally and do our best ti isolate the root cause of the issue you are facing.

Kind regards,
Maria Ilieva
the Telerik team