Loading Panel doesn't display

[Mike]

I have some controls inside of a multipage enclosed in div tags.  All of the controls update/postback correctly with ajax, however, the loading panel does not appear.  If i take all of the controls and just wrap them with a panel bar, then the loading panel appears properly.  Any ideas why the loading panel will not appear just inside of the div tags inside the RadPageView inside the RadMultiPage?  Thanks.

 

 

 

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="4" Width="898px"
    CssClass="tabPageView">
    <telerik:RadPageView ID="RadPageView1" runat="server">
                        <div id="divLease" class="divLease">
                            <asp:Label ID="lbl1" runat="server" Text="Label" CssClass="lbl1"></asp:Label>
                            <telerik:RadGrid ID="grdLs" runat="server" EnableEmbeddedSkins="false"
                                Skin="" ShowHeader="false" GridLines="None">
                                <MasterTableView>
                                </MasterTableView>
                            </telerik:RadGrid>
                            <telerik:RadListBox ID="lstLs" runat="server" Width="85"
                                AutoPostBack="True" CausesValidation="False">
                                                                        </telerik:RadListBox>
                            <asp:Label ID="lbllss" runat="server" Text="Label" ></asp:Label>
                            <telerik:RadGrid ID="grdasf" runat="server" ShowHeader="False"
                                Width="300px" AutoGenerateColumns="False" GridLines="None">
                                <MasterTableView>
                                    <RowIndicatorColumn>
                                        <HeaderStyle Width="20px"></HeaderStyle>
                                    </RowIndicatorColumn>
                                    <ExpandCollapseColumn>
                                        <HeaderStyle Width="20px"></HeaderStyle>
                                    </ExpandCollapseColumn>
                                    <Columns>
                                        <telerik:GridBoundColumn DataField="ss" UniqueName="ss">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="xx" DataFormatString="{0:0.00%}" DataType="System.Decimal"
                                            UniqueName="xx">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="aa" UniqueName="aa">
                                        </telerik:GridBoundColumn>
                                    </Columns>
                                </MasterTableView>
                            </telerik:RadGrid>
                            <asp:Label ID="lblasdfs" runat="server" Text="Remarks"                                            Visible="false"></asp:Label>
                            <telerik:RadTextBox ID="txt1" runat="server"                                             Width="298" Visible="false" TextMode="MultiLine" CausesValidation="False" Font-Size="Smaller"
                                ReadOnly="true">
                            </telerik:RadTextBox>
                            <asp:RadioButton ID="rbRd" runat="server" Text="test1" Checked="true" CssClass="rbOwnerType"
                                AutoPostBack="True" />
                            <asp:RadioButton ID="rbAaa" runat="server" Text="test2" Checked="false"
                                 AutoPostBack="True" />
                        </div>
                                 </telerik:RadPageView>

 

[Veli]

Hi Mike,

Try AJAX-ifying the whole RadMultiPage control. Can you show us your AJAX control setup?

Veli
the Telerik team

[Mike]

Yes - I actually have the whole radmultipage control ajaxified.  Below is my ajax manager control.  Thanks.

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1"
    ClientEvents-OnRequestStart="requestStart">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadPanelBar1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadPanelBar1" LoadingPanelID="RadAjaxLoadingPanel1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="RadMultiPage1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1" />
                <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" LoadingPanelID="RadAjaxLoadingPanel2" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="RadTabStrip1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1" />
                <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" LoadingPanelID="RadAjaxLoadingPanel2" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
    <ClientEvents OnRequestStart="requestStart"></ClientEvents>
</telerik:RadAjaxManager>

[Veli]

Hello Mike,

Your AJAX settings seem fine, really. We are unable to identify what's causing this issue with the loading panel. Here are a few suggestions:

1. Try replacing RadAjaxManager with RadAjaxPanel and see if the loading panel appears correctly.
2. Try putting both RadTabStrip and RadMultiPage in a Panel and AJAX-ify the Panel only
3. Try removing the client event handler definition to prevent external javascript from interfering (you have defined an OnRequestStart event handler twice, by the way, which is excessive)

If the problem persists, consider opening a regular support ticket, where you can send us some small runnable project we can debug locally. This will help us identify the problem in your particular scenario.

Greetings,
Veli
the Telerik team