UPDATE PROGRESS NOT SHOWING UP WHILE USING RAD UPLOAD CONTROL

[Ajay]

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>

[Genady Sergeev]

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.

[mathieu cupryk]

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

Figure 3 An Update Panel Implementation