UPDATE PROGRESS NOT SHOWING UP WHILE USING RAD UPLOAD CONTROL

3 posts, 0 answers
  1. Ajay
    Ajay avatar
    66 posts
    Member since:
    May 2009

    Posted 21 Aug 2009 Link to this post

    Hi Telerik Guys !

    It wolud be extreme pleasure , if you could please help me sort out the problem that I have been facing during my project implementation.

    Below is the brief summary of my problem :-

    I have an USER CONTROL with my ASPX Page. With in that USER CONTROL, Im using TELERIK RAD UPLOAD CONTROL with in the UPDATE PANEL which allow me to upload any file at my UI(User Interface).

    Now the problem actually lies here is that, I have used UPDATE PROGRESS with on my ASPX page.

    Now when I browse or build my Page & do search for any result then UPDATE PROGRESS does not work .

    Why is it so ?  While it been using across all the TABS which does not consist of any  TELERIK UPLOAD CONTROL. 


    Please help.

    Below is the code in ASPX PAGE :--

    <asp:UpdatePanel runat="server" ID="TrialManagerUpdatePanel" UpdateMode="Conditional">
                        <ContentTemplate>
                    <cc1:TabContainer ID="TrialHomeTabContainer" runat="server" ActiveTabIndex="0" Width="95%"
                        Style="margin: 20px 0px 20px 0px;" CssClass="ajax__tab_theme">
                        <cc1:TabPanel ID="TrialHomeGeneralTabPanel" runat="server" HeaderText="General">
                            <ContentTemplate>
                                <UC_Trial_General:UC_Trial_General ID="uc_trial_general1" runat="server" />
                            </ContentTemplate>
                        </cc1:TabPanel>
                        <cc1:TabPanel ID="SitesTabPanel" runat="server" HeaderText="Sites">
                            <ContentTemplate>
                                <UC_Trial_Sites:UC_Trial_Sites ID="uc_trial_sites1" runat="server" />
                            </ContentTemplate>
                        </cc1:TabPanel>
                        <cc1:TabPanel ID="ContactsTabPanel" runat="server" HeaderText="Contacts">
                            <ContentTemplate>
                                <UC_Trial_Contacts:UC_Trial_Contacts ID="uc_trial_contacts1" runat="server" />
                            </ContentTemplate>
                        </cc1:TabPanel>
                        <cc1:TabPanel ID="SponsorTabPanel" runat="server" HeaderText="Sponsor">
                            <ContentTemplate>
                                <UC_Trial_Sponsor:UC_Trial_Sponsor ID="uc_trial_sponsor1" runat="server" />
                            </ContentTemplate>
                        </cc1:TabPanel>
                        <cc1:TabPanel ID="EligibilityTabPanel" runat="server" HeaderText="Eligibility">
                            <ContentTemplate>
                                <table class="tableInnerSections" cellpadding="0" cellspacing="5">
                                    <tr>
                                        <td colspan="3" align="right">
                                            <div class="divTopSectionTrialManager">
                                                <asp:Label ID="CTMSTrialIDLabel" runat="server" SkinID="TopHeader" Text="CTMS Trial ID :">
                                                </asp:Label>
                                                <asp:Label ID="TrialIDLabel" runat="server" SkinID="TopHeader"></asp:Label>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Label ID="ChooseEligibilityLabel" runat="server" Text="Choose Eligibility" SkinID="BlueHeadings"></asp:Label>
                                        </td>
                                        <td style="width: 87%; text-align: left;">
                                            <hr />
                                        </td>
                                    </tr>
                                </table>
                                <asp:UpdatePanel runat="server" ID="EligibilityUpdatePanel">
                                    <ContentTemplate>
                                        <cc1:TabContainer ID="EligibilityTabContainer" runat="server" ActiveTabIndex="0"
                                            Width="95%" Style="margin: 20px 0px 20px 0px;" CssClass="ajax__tab_theme">
                                            <cc1:TabPanel ID="CancerTypeStageTabPanel" runat="server" HeaderText="Cancer Type/Stage">
                                                <ContentTemplate>
                                                    <UC_Trial_Eligibility_Cancer_Type_Stage:UC_Trial_Eligibility_Cancer_Type_Stage ID="uc_trial_eligibility__cancer_type_stage1"
                                                        runat="server" />
                                                </ContentTemplate>
                                            </cc1:TabPanel>
                                            <cc1:TabPanel ID="TreatmentTabPanel" runat="server" HeaderText="Treatment">
                                                <ContentTemplate>
                                                    <UC_Trial_Eligibility_Treatment:UC_Trial_Eligibility_Treatment ID="uc_trial_eligibility_treatment1"
                                                        runat="server" />
                                                </ContentTemplate>
                                            </cc1:TabPanel>
                                            <cc1:TabPanel ID="AdvancedTabPanel" runat="server" HeaderText="Advanced">
                                                <ContentTemplate>
                                                    <UC_Trial_Eligibility_Treatment_Advanced:UC_Trial_Eligibility_Treatment_Advanced
                                                        ID="uc_trial_eligibility_treatment_advanced1" runat="server" />
                                                </ContentTemplate>
                                            </cc1:TabPanel>
                                            <cc1:TabPanel ID="GeneralEligibilityCriteriaTabPanel" runat="server" HeaderText="General Eligibility Criteria">
                                                <ContentTemplate>
                                                    <UC_Trial_Eligibility_General_Eligibility_Criteria:UC_Trial_Eligibility_General_Eligibility_Criteria
                                                        ID="uc_trial_eligibility_general_eligibility_criteria1" runat="server" />
                                                </ContentTemplate>
                                            </cc1:TabPanel>
                                        </cc1:TabContainer>
                                    </ContentTemplate>
                                </asp:UpdatePanel>
                                <asp:UpdateProgress ID="EligibilityUpdateProgress" runat="server" AssociatedUpdatePanelID="EligibilityUpdatePanel"
                                    DisplayAfter="0">
                                    <ProgressTemplate>
                                        <div id="progressBackgroundFilter">
                                        </div>
                                        <div id="processMessage">
                                            <img alt="Loading" src="../App_Themes/PANCAN_Theme/Images/ajax-loader.gif" style="width: 31px;
                                                height: 31px" /><br />
                                            <span class="updateProgress">Working on your request...</span>
                                            <br />
                                        </div>
                                    </ProgressTemplate>
                                </asp:UpdateProgress>
                            </ContentTemplate>
                        </cc1:TabPanel>
                        <cc1:TabPanel ID="TherapeuticTabPanel" runat="server" HeaderText="Therapeutic">
                            <ContentTemplate>
                                <UC_Trial_Therapeutic:UC_Trial_Therapeutic ID="uc_trial_therapeutic1" runat="server" />
                            </ContentTemplate>
                        </cc1:TabPanel>
                        <cc1:TabPanel ID="NotesTabPanel" runat="server" HeaderText="Notes">
                            <ContentTemplate>
                                <UC_Trial_Notes:UC_Trial_Notes ID="uc_trial_notes1" runat="server" />
                            </ContentTemplate>
                        </cc1:TabPanel>
                        <cc1:TabPanel ID="StatusTabPanel" runat="server" HeaderText="Status">
                            <ContentTemplate>
                                <UC_Trial_Status:UC_Trial_Status ID="uc_trial_Status1" runat="server" />
                            </ContentTemplate>
                        </cc1:TabPanel>
                        <cc1:TabPanel ID="HistoryTabPanel" runat="server" HeaderText="History">
                            <ContentTemplate>
                                <UC_Trial_History:UC_Trial_History ID="uc_trial_history1" runat="server" />
                            </ContentTemplate>
                        </cc1:TabPanel>
                    </cc1:TabContainer>
                    </ContentTemplate>
                    </asp:UpdatePanel>

     <asp:UpdateProgress ID="TrialManagerUpdateProgress" runat="server" AssociatedUpdatePanelID="TrialManagerUpdatePanel"
                        DisplayAfter="0">
                        <ProgressTemplate>
                            <div id="progressBackgroundFilter">
                            </div>
                            <div id="processMessage">
                                <img alt="Loading" src="../App_Themes/PANCAN_Theme/Images/ajax-loader.gif" style="width: 31px;
                                    height: 31px" /><br />
                                <span class="updateProgress">Working on your request...</span>
                                <br />
                            </div>
                        </ProgressTemplate>
                    </asp:UpdateProgress>

    While code I using with the ASCX Page is following :

     <td valign="top" align="left">
                <asp:UpdatePanel ID="TrialNotesUploadUpdatePanel" runat="server">
                    <ContentTemplate>
                        <telerik:RadUpload ID="AttachFileRadUpload" runat="server" AllowedFileExtensions=".doc,.docx,.xls,.xlsx,.txt,.msg"
                            ControlObjectsVisibility="None" ReadOnlyFileInputs="True" Skin="Default" TabIndex="4"
                            Enabled="False">
                            <Localization Select="Upload File" />
                        </telerik:RadUpload>
                    </ContentTemplate>
                    <Triggers>
                    <asp:PostBackTrigger  ControlID="NewTrialNoteButton"/>
                    </Triggers>
                </asp:UpdatePanel>
                <asp:Label ID="AttachFileExtensionsLabel" runat="server" SkinID="InnerLabel" Text="(Valid File Extensions :- .doc, .docx, .xls, .xlsx, .txt, .msg only)"
                    EnableViewState="False"></asp:Label>
                <asp:CustomValidator ID="AttachFileCustomValidator" runat="server" Display="Dynamic"
                    OnServerValidate="AttachFileCustomValidator_ServerValidate" ValidationGroup="SaveGroup"></asp:CustomValidator>
            </td>


  2. Genady Sergeev
    Admin
    Genady Sergeev avatar
    1596 posts

    Posted 21 Aug 2009 Link to this post

    Hello Ajay,

    asp:UpdateProgress works for asynchronous postbacks, whereas when uploading files the page performs a full postback. Hence the control is not working. The ASP.NET AJAX suit contains a specially dedicated control to monitor file uploads. The control is called RadProgressArea. For more information on the matter please consult with the online demos.

    All the best,
    Genady Sergeev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. mathieu cupryk
    mathieu cupryk avatar
    27 posts
    Member since:
    Jul 2009

    Posted 05 Nov 2009 Link to this post

    http://msdn.microsoft.com/en-us/magazine/dd861289.aspx

    Figure 3 An Update Panel Implementation
Back to Top