Click here to Skip to main content
13,046,562 members (71,713 online)
Rate this:
Please Sign up or sign in to vote.
See more:
Hi everyone,

I have one content page inside which there is an update progress and a update panel
inside that update panel there is a ajax tab container.

Inside ajax tabcontainers -tabpanel there is an another update panel in which i have one fileupload control , i need to use update panel inside tab panel as i have used fileupload control and i have done a post back trigger on upload button..

Now i need a progress bar while the file is uploaded..

I have tried many ways , but didn't worked.. Please suggest ,below is my code .

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
   <asp:UpdateProgress ID="upProgressSchoolInfo" runat ="server" AssociatedUpdatePanelID ="upSchoolInfo">
    <ProgressTemplate >
         <div id="overlay1"  style="position:absolute;width:2000px;height:2000px;opacity: .8;filter: alpha(opacity=80);z-index:99999;left:0px;top:0px;">
            <img src="_img/loading.gif" style="padding-top:500px;padding-left:600px;">
<asp:UpdatePanel ID="upSchoolInfo" runat ="server">
        <cc1:TabContainer ID="tcSchoolInfo" runat ="server">
            <cc1:TabPanel ID ="tpNewSchool" runat ="server" ScrollBars ="Auto" Font-Size="Small" Font-Names="Calibri">
                <HeaderTemplate >
                    <asp:Label ID ="lbNewSchool" runat ="server" Text="New School"></asp:Label>
  <asp:UpdateProgress ID="UpdateProgress1" runat ="server" AssociatedUpdatePanelID ="upSchool">
                             <div id="overlay" style="removed:absolute;width:2000px;height:2000px;opacity: .8;filter: alpha(opacity=80);z-index:99999;removed0px;removed0px;">
                                <img src="_img/loading.gif" style="padding-top:500px;padding-left:600px;">
                         <asp:UpdatePanel ID="upSchool" runat ="server">
<asp:fileupload id ="fpUpload" runat="server"/>
<asp:button id ="btnSubmit" runat="server" text="Submit"/>
<asp:PostBackTrigger ControlID ="btnSubmit" /></triggers>

Now as you can see , i have a progress bar for both the update panel but none of them works.....

Please help...

Posted 5-Aug-12 22:16pm
Updated 5-Aug-12 22:18pm
Christian Graus 6-Aug-12 4:35am
you're layering all sorts of frameworks, so you don't have to do any real work. Eventually, it just blows up.

1 solution

Rate this: bad
Please Sign up or sign in to vote.

Solution 1

You have to do it with javaScript.
Please check my answer how to show asp:UpdateProgress above the form[^] for one similar type of problem.

It works for me... Hope it helps u too.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy | Mobile
Web02 | 2.8.170713.1 | Last Updated 6 Aug 2012
Copyright © CodeProject, 1999-2017
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100