RadAjaxLoadingPanel not showing in a Modal RadWindow

2 posts, 0 answers
  1. Alvaro
    Alvaro avatar
    1 posts
    Member since:
    Jan 2012

    Posted 23 Jan 2012 Link to this post

    Hi guys.

    I have been trying a lot of ways to fix this issue but it seems to be impossible.
    I am developing a web app whit 3.5 framework ant telerik controls version 2009.3.1314.0. I have a Main page that uses a Master page and from javascript I open a radWindow that is set to modal. When the modal window is opening for the first time the loading circle icon appears but when I save the form in the modal window no icon appears.
    This is an example of my code in main page:

    <telerik:RadCodeBlock ID="RadCodeBlockBoleta" runat="server">
         <script type="text/javascript">
                function OpenDetail(cod1, cod2, action) {
      
                        var wnd = window.radopen('<%= ConfigurationManager.AppSettings["AppWeb"] %>Posicion/NewDetails.aspx?cti=' + cod1+ "&nb=" + cod2+ "&action=" + action, "DetailsPage");
                        wnd.set_modal(true);
                        wnd.set_autoSize(false);
                        wnd.setSize(1100, 380);
                        wnd.set_visibleStatusbar(false);
                        wnd.set_behaviors(Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move);
                        wnd.center();
                        return false;
                }
        </script>
    </telerik:RadCodeBlock>


    Now, NewDetails.aspx is a RadWindow form that uses another Master Page (MasterModal.Master). The ASPX code from that MasterModal.Master is:
     
    <html>
    <body class="BodyModal" style="background-color: #ebf4f7; position:relative; " >
        <form id="form1" runat="server" >
        <asp:HiddenField runat="server" ID="opSalir" Value="" />
        <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </asp:ToolkitScriptManager>
        <telerik:RadAjaxPanel ID="RadAjaxPanelMessage" runat="server" EnableEmbeddedScripts="true">
        </telerik:RadAjaxPanel>
        <div style="text-align: center; width: 100%">
            <div style="text-align: left; ">
                <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                </asp:ContentPlaceHolder>
            </div>
        </div>
        <telerik:RadWindowManager ID="RadWindowManager1" runat="server">
            <Windows>
            <telerik:RadWindow ID="rwConfirm" runat="server" OnClientClose="OnClientClose" Title="Confirmación" ReloadOnShow="true"
                    ShowContentDuringLoad="true" Modal="true" AutoSize="true" VisibleStatusbar="false"
                    Behaviors="Close" VisibleTitlebar="true" KeepInScreenBounds="True" PreventClientCache="true"
                    DestroyOnClose="true">
            </telerik:RadWindow>
                   <telerik:RadWindow ID="UserListDialog" runat="server" Title="Editing record" 
                ReloadOnShow="true"  ShowContentDuringLoad="false" Modal="true"/>
               <telerik:RadWindow ID="RadFavoritoCampo" runat="server" OnClientClose="OnClientClose" Title="Campos" ReloadOnShow="true"
                    ShowContentDuringLoad="false" Modal="true">
            </telerik:RadWindow>
            <telerik:RadWindow ID="RadEmpresa" runat="server" OnClientClose="OnClientClose" Title="Empresa" ReloadOnShow="true"
                    ShowContentDuringLoad="false" Modal="true">
            </telerik:RadWindow>
      
             <telerik:RadWindow ID="RadTest" runat="server" OnClientClose="OnClientClose" Title="Test" ReloadOnShow="true"
                    ShowContentDuringLoad="false" Modal="true">
            </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>
        </form>
    </body>
    </html>

    And finally, the ASPX code in NewDetail.aspx is
    <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
      
    <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1"></telerik:RadAjaxManager>
    <asp:Panel runat="server" ID="Panel1" >
      
    <div>
       //SOME HTML with textboxes, labels, etc
        <asp:Button ID="BtnSave" runat="server" Text="Save" Width="100px" style="left:760px; top: 310px; position: absolute;"
                      CssClass="cssBoton" onclick="BtnSave_Click" />
                   
         <input id="BtnExit" class="cssBoton" title="Exit" type="button" style="left:870px; top: 310px; position: absolute;width: 100px" value="Exit" onclick="return BtnExit_onclick()" />
    </div>
    </asp:Panel>
      
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="WebBlue">
    </telerik:RadAjaxLoadingPanel>
      
    <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="BtnSave">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
        </telerik:RadAjaxManagerProxy>
    </asp:Content>

    this piece of code <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1"></telerik:RadAjaxManager> is causing a javascript error in this line : c.get_request()._get_eventHandlerList()._list.completed.reverse();
    If I remove the RadAjaxManager tag everything works without showing the loading icon. With the RadAjaxManager code the javascript error occurs.

    Any Ideas?

    Thank you very much.
  2. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 26 Jan 2012 Link to this post

    Hi Alvaro,

    I reviewed the code and your description though I cannot find a reason for the mentioned error and it is not easy to build up a sample based on the provided code snippets only. That is why I would ask you to open a formal support ticket and send us the runnable project you have for further investigation and debugging.

    Greetings,
    Iana Tsolova
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top