loading panel with radtabstrip

[Padmanaban]

Dear sir/mam,

MY application radtabstrip inside the sample model popup . when i user loading panel we can't work model popup control.
i need loading panel set this tabstrip control.

but without loading panel working fine(radtabstrip).

pls help me.
Regards
Padmanaban.



<telerik:RadAjaxLoadingPanel ID="LoadingPanel"runat="server">
   <img src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading6.gif") %>' alt="Loading..." style="border: 0" />
</telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
   <AjaxSettings>
       <telerik:AjaxSetting AjaxControlID="RadTabStrip1">
          <UpdatedControls>
             <telerik:AjaxUpdatedControl ControlID="RadTabStrip1"/>
             <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanel"/>
          </UpdatedControls>
       </telerik:AjaxSetting>
   </AjaxSettings>
</telerik:RadAjaxManager>
            <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Vista" BackColor="#E3E3E3"
                MultiPageID="RadMultiPage1" Style="border-bottom: 1px solid #000;  border:1px" SelectedIndex="0" ValidationGroup="WP"
                ReorderTabsOnSelect="True">
                <Tabs>
                    <telerik:RadTab Text="Compose" Width="120px" ImageUrl="../../Images/newpost.png"
                        Font-Names="Times New Roman" Font-Size="13px" PageViewID="RadPageCompose" TabIndex="0">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Options" Width="120px" ImageUrl="../../Images/options.png"
                        Font-Names="Times New Roman" Font-Size="13px" TabIndex="1" PageViewID="RadPageOptions">
                    </telerik:RadTab>
             
                </Tabs>
            </telerik:RadTabStrip>
            <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" BackColor="White"
                Width="100%">
                <telerik:RadPageView ID="RadPageCompose" runat="server">
                    <table class="MainTable2">
                        <tr>
                            <td class="pad" style="background-color:White " >
                                <div class="pad">
                                    <asp:Label ID="Label3" runat="server" SkinID="Label1" Font-Bold="true" Text="Subject "></asp:Label>
                                </div>
                                <div class="pad">
                                    <asp:TextBox ID="TxtSubject" SkinID="Txtbox"   runat="server" Width="600px"
                                     ValidationGroup="WP"></asp:TextBox></div>
                                <div class="pad">
                                    <div class="pad">
                                       
                                    </div>
                                    <asp:Label ID="Label4" runat="server" SkinID="Label" Font-Bold="true"  Text="Description"></asp:Label>
                                </div>
                                <div class="pad">
                                    <telerik:RadEditor ID="RadDescription" runat="server" Style="font-family: Arial;
                                        font-size: 11px; color: #000; background-color:White" EmptyMessage="Enter Description" Required="True"
                                        RequiredMessage="Description is mandatory" ShowRedStar="True" Width="606px"  >
                                        <Tools>
                                            <telerik:EditorToolGroup>
                                                <telerik:EditorTool Name="FindAndReplace" />
                                                <telerik:EditorSeparator />
                                                <telerik:EditorTool Name="Undo" />
                                                <telerik:EditorTool Name="Redo" />
                                                <telerik:EditorSeparator />
                                                <telerik:EditorTool Name="Cut" />
                                                <telerik:EditorTool Name="Copy" />
                                                <telerik:EditorTool Name="Paste" ShortCut="CTRL+!" />
                                                <telerik:EditorSeparator />
                                                <telerik:EditorTool Name="Bold" />
                                                <telerik:EditorTool Name="Italic" />
                                                <telerik:EditorTool Name="Underline" />
                                                <telerik:EditorSeparator />
                                                <telerik:EditorTool Name="JustifyLeft" />
                                                <telerik:EditorTool Name="JustifyCenter" />
                                                <telerik:EditorTool Name="JustifyFull" />
                                                <telerik:EditorTool Name="JustifyRight" />
                                                <telerik:EditorTool Name="JustifyNone" />
                                                <telerik:EditorSeparator />
                                                <telerik:EditorTool Name="ForeColor" />
                                                <telerik:EditorTool Name="BackColor" />
                                                <telerik:EditorTool Name="FontName" />
                                                <telerik:EditorTool Name="RealFontSize" />
                                            </telerik:EditorToolGroup>
                                        </Tools>
                                    </telerik:RadEditor>
                                 
                                </div>
                                <div class="pad">
                                    <asp:Label ID="Label2" runat="server" SkinID="LabelErr"></asp:Label>
                                </div>
                                <div class="pad">
                                    <asp:Label ID="Label5" runat="server" Font-Bold="true"  SkinID="Label" Text="Tags"></asp:Label>
                                </div>
                             
                            </td>
                        </tr>
                    </table>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageOptions" Width="100%" runat="server">
                    <table class="MainTable2">
                        <tr>
                            <td class="pad" width="535">
                                <div class="pad" style="float: left; width: 535">
                                    <asp:Label ID="Label10" runat="server" SkinID="Label1" Text="File attachment "></asp:Label>
                                </div>
                                <div class="pad" style="float: left;">
                                    <asp:ImageButton ID="BtnPopUp" runat="server"  OnClick="BtnPopUp_Click" ImageUrl="~/Images/SPECIFY.png" />          
                                    
                                                               <asp:Label ID="Lerror" runat="server" SkinID="LabelErr" Visible="true"></asp:Label>
                                </div>
                            </td>
                        </tr>
                    </table>
                </telerik:RadPageView>
          
            </telerik:RadMultiPage>



<div>
    <asp:UpdatePanel ID="UP2" runat="server">
        <ContentTemplate>
            <asp:Button ID="BtnUploadPopup" runat="server" Style="display: none" />
            <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="BtnUploadPopup"
                PopupControlID="PanelUpload" CancelControlID="IBClose" BackgroundCssClass="modalBackground" />
            <asp:Panel ID="PanelUpload" runat="server" Width="650" Style="height: 400; display: none">
                <div id="PopupDiv">
                    <div class="PopuInner">
                        <table width="95%" align="left" >
                            <tr>
                                <td>
                                    <asp:Label ID="Label11" SkinID="LabelHead" runat="server" style="font-size:Large;font-weight:bold;"   Text="Select Document"></asp:Label>
                                </td>
                                
                                <td align="right">
                                    <asp:ImageButton runat="server" ID="IBClose" ImageUrl="~/Images/close.gif" OnClick="IBClose_Click" />
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div style=" height:15px"></div>
                    <div style="border-width: thin; margin: 15px 15px 5px 5px; width: 100%;">
                        <table width="100%" align="left" >
                            <caption>
                                <hr style="font-size: 2px; color: Black;" width="100%" />
                                <tr>
                                    <td colspan="4" style="font-size:medium; font-family: Times New Roman;">
                                        <asp:Label ID="Label16" runat="server" Text="Choose whether you want to upload a file from your computer or link to an existing
                                        file." SkinID="LabelS"></asp:Label>
                                    </td>
                                </tr
                                  <tr>
                                    <td>
                                        <asp:RadioButton ID="RBUPloadFile" runat="server" AutoPostBack="true" OnCheckedChanged="RBUPloadFile_CheckedChanged" />
                                    </td>
                                    <td>
                                        <div>
                                            <asp:Label ID="Label12" runat="server" Text="Upload File" SkinID="Label1"></asp:Label>
                                        </div>
                                        <div>
                                            <asp:Label ID="Label15" runat="server" Text="Select a file to upload." SkinID="LabelS"></asp:Label>
                                        </div>
                                    </td>
                                    <td>
                                        
                                        <asp:UpdatePanel ID="update" runat="server">
                                            <ContentTemplate>
                                                <asp:FileUpload ID="FileUpload1" runat="server" />
                                            </ContentTemplate>
                                            <Triggers>
                                                <asp:PostBackTrigger ControlID="BtSaveUpload" />
                                            </Triggers>
                                        </asp:UpdatePanel>
                                    </td>
                                    <td style="margin-right: 40px;">
                                      
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <asp:RadioButton ID="RBUploadLink" runat="server" AutoPostBack="true" OnCheckedChanged="RBUploadLink_CheckedChanged" />                                  </td>
                                    <td>
                                        <div>
                                            <asp:Label ID="Label13" runat="server" Text="Link to URL" SkinID="Label1"></asp:Label>
                                        </div>
                                        <div>
                                            <asp:Label ID="Label14" runat="server" Text=" Enter the URL where an existing file resides."
                                                SkinID="LabelS"></asp:Label>
                                        </div>
                                    </td>
                                    <td colspan="2">
                                        <asp:TextBox ID="TxtFileLink" Width="216px" runat="server" SkinID="TxtPopUp" ValidationGroup="URL"></asp:TextBox>
                                        <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="TxtFileLink"
                                            ErrorMessage="Enter Valid URL" ValidationGroup="URL" ValidationExpression="http(s)?://([\w-]+\.)+[\w-]+(/[\w- ./?%&amp;=]*)?">*</asp:RegularExpressionValidator>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="left" colspan="4">
                                        <div style="padding-top: 3px; padding-bottom: 3px;">
                                          <asp:ImageButton ID="BtSaveUpload" ValidationGroup="URL"   ImageUrl="~/Images/Save.png" runat="server" OnClick="BtSaveUpload_Click"/>
                                            <asp:Label ID="LblUploadMag" runat="server" SkinID="LabelErr"></asp:Label>
                                            <asp:ValidationSummary ID="ValidationSummary1" runat="server" ValidationGroup="URL" />
                                        </div>
                                    </td>
                                </tr>
                            </caption>
                        </table>
                    </div>
                </div>
            </asp:Panel>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="RBUPloadFile" EventName="CheckedChanged" />
            <asp:AsyncPostBackTrigger ControlID="RBUploadLink" EventName="CheckedChanged" />
        </Triggers>
    </asp:UpdatePanel>
</div>

[Maria Ilieva]

Hello Padmanaban,

Cold you please elaborate a bit more on the exact issue you are facing. Des the problem you are facing related with the RadAjaxLoadingPanel which appears over the ModalPopup extended by the corresponding extender. if this is the problem please decrease the RadAjaxLoadingPanel z-index value and verify if  this makes any difference.

Regards,
Maria Ilieva
the Telerik team

[Maria Ilieva]

Hello Padmanaban,

Cold you please elaborate a bit more on the exact issue you are facing. Des the problem you are facing related with the RadAjaxLoadingPanel which appears over the ModalPopup extended by the corresponding extender. if this is the problem please decrease the RadAjaxLoadingPanel z-index value and verify if  this makes any difference.

Regards,
Maria Ilieva
the Telerik team