This is a migrated thread and some comments may be shown as answers.

radtabstrip with loadpanel not working

1 Answer 133 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Padmanaban
Top achievements
Rank 1
Padmanaban asked on 16 Sep 2011, 09:37 AM
Dear sir/mam,

i have radtabstrip with loading panel not working. pls help me      


      <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadTabStrip1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" LoadingPanelID="RadAjaxLoadingPanel1" />
                  <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel Skin="WebBlue" EnableSkinTransparency="false" BackgroundPosition="Center"
    ID="RadAjaxLoadingPanel1" runat="server" />
                       <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Vista" MultiPageID="RadMultiPage1"
                Width="90%" BorderStyle="None" BackColor="#E3E3E3" SelectedIndex="0" ReorderTabsOnSelect="True"
                ValidationGroup="WP">
                <Tabs>
                 
                      <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="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" Font-Bold="true" 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="lblfilename1" runat="server" SkinID="LabelErr" Visible="true"></asp:Label>
                                                <asp:Label ID="Lerror" runat="server" SkinID="LabelErr" Visible="true"></asp:Label>
                                                <asp:ImageButton ID="BtnRemove" runat="server"  OnClick="BtnRemove_Click"  ImageUrl="~/Images/Delete.gif"  OnClientClick="return confirm('Are you sure to delete these Photo?'); " />
                                            </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: ">
                <div id="PopupDiv" style="text-align: left">
                    <div class="PopuInner">
                        <table width="95%">
                            <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="border-width: thin; margin: 15px 15px 5px 5px; width: 100%;">
                        <table width="100%">
                            <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>
                                        <%-- <cc1:AsyncFileUpload ID="FileUpload1" OnUploadedComplete="UploadFile1" runat="server"
                                            CompleteBackColor="#55FF55" UploadingBackColor="#FFFF2A" ErrorBackColor="#FF002A"
                                            ThrobberID="Throbber" />--%>
                                    </td>
                                    <td style="margin-right: 40px;">
                                        <%-- <asp:Label ID="Throbber" runat="server" Style="display: none">
                                            <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/indicator.gif" ImageAlign="Left"
                                                Width="50px" Height="50px" />
                                        </asp:Label>--%>
                                    </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" runat="server" SkinID="TxtPopUp" ValidationGroup="URL"
                                            Width="215px"></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:Button ID="BtSaveUpload" runat="server" OnClick="BtSaveUpload_Click" Text="Save"
                                                SkinID="Buttons70" ValidationGroup="URL" />--%>
                                            <asp:ImageButton ID="BtSaveUpload" runat="server" OnClick="BtSaveUpload_Click" ValidationGroup="URL "
                                                ImageUrl="~/Images/Save.png" />
                                            <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>

1 Answer, 1 is accepted

Sort by
0
Mira
Telerik team
answered on 21 Sep 2011, 12:14 PM
Hello Padmanaban,

In order to ajaxify the whole tabstrip and multipage, please use the following settings:
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadTabStrip1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
                <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="RadMultiPage1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
                <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

I hope this helps.

Greetings,
Mira
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
Tags
Ajax
Asked by
Padmanaban
Top achievements
Rank 1
Answers by
Mira
Telerik team
Share this question
or