[Solved] AjaxLoadingpanel for raddock operations

[Dhana R]

hi,


i am using raddock for edit  and insert to show the form as popup. while double clicking the appointment, its goes to server and get the form to appears.but it takes more time to show the popup.i need to show the loading panel for user to indicates that its loading.

i have used update panel for raddock.

in aspx code

  <asp:UpdatePanel runat="server" ID="UpdatePanel1">
            <ContentTemplate>
              <asp:Panel runat="server" ID="DockPanel">
                    <telerik:RadDock runat="server" ID="RadDock1" Width="500px" Height="150px"
                        Closed="true" Style="z-index: 2000;" Title="Edit appointment"
                        OnClientDockPositionChanged="dockMoved"
                        OnClientInitialize="dockInitialize">
                        <Commands>
                            <telerik:DockCloseCommand  OnClientCommand="dockClose"/>
                        </Commands>        <ContentTemplate>
                            <div>
                               
                                <div >
                                    <table>
                                        <tr>
                                            <td>
                                             Subject:
                                            </td>
                                            <td>
                                                 <asp:TextBox  runat="server" ID="DescriptionText" Width="240px"></asp:TextBox><asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator1"
Display="Dynamic" ControlToValidate="DescriptionText" ErrorMessage="Description is required" />
                                            </td>
                                        </tr>
                                        <tr>
                                        <td>
                                              <asp:Label ID="lblStartTime" runat="server" Text="Start time:"></asp:Label>
                                   
                                  
                                        </td>
                                        <td>
                                               <telerik:RadTimePicker ID="tpStartTime"   Skin="Web20" runat="server">
                                    </telerik:RadTimePicker>
                                        </td>
                                        <tr>
                                            <td>
                                                <asp:Label ID="lblEndTime" runat="server" Text="End time:" Visible="true"></asp:Label>
                                            </td>
                                            <td>
                                                <telerik:RadTimePicker ID="tpEndTime" runat="server" Skin="Web20">
                                                </telerik:RadTimePicker>
                                            </td>
                                        </tr>
                                        <tr>
                                        <td>
                                              <asp:CheckBox ID="chkRecurrence" Visible="false"  Text="Apply changes to all appts"  runat="server" />
                                  
                                   
                                        </td>
                                        </tr>
                                        <tr>
                                        <td>
                                            <asp:Button runat="server" ID="SubmitButton" Text="Update" OnClick="SubmitButton_Click"
OnClientClick="return hideForm()" />
                                        </td>
                                        <td>
                                            <button onclick="hideForm();" type="button" >
                                        Cancel</button>
                                        </td>
                                        </tr>
                                    </table>
                                
                                    </div></div>
                                        </ContentTemplate>
                           </telerik:RadDock>
                   </asp:Panel>
  </ContentTemplate>
          </asp:UpdatePanel>

Radschedular placed outside of the update penel.

but am using

     <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadScheduler1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />


Loading panel  is working if any opertaions to be done within radschedular.
while opening raddock window or clicking save in raddock window, i need to show the loading panel.
how to do it?

Thanks for your replies

Dhana