Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: C# ASP.NET Ajax
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;">
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>
<asp:UpdatePanel ID="upSchoolInfo" runat ="server">
    <ContentTemplate>
        <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>
                </HeaderTemplate>
                <ContentTemplate>
  <asp:UpdateProgress ID="UpdateProgress1" runat ="server" AssociatedUpdatePanelID ="upSchool">
                        <progresstemplate>
                             <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;">
                            </div>
                        </progresstemplate>
                                          
                         <asp:UpdatePanel ID="upSchool" runat ="server">
                                        <contenttemplate>
<asp:fileupload id ="fpUpload" runat="server"/>
<asp:button id ="btnSubmit" runat="server" text="Submit"/>
</contenttemplate>
<triggers>
<asp:PostBackTrigger ControlID ="btnSubmit" /></triggers>
 
</asp:updatepanel>
</contenttemplate>
</cc1:tabpanel>
</cc1:tabcontainer>
</contenttemplate>
</asp:updatepanel>
 

 

 

Now as you can see , i have a progress bar for both the update panel but none of them works.....
 
Please help...
 
Regards,
Krunal
Posted 5-Aug-12 23:16pm
Edited 5-Aug-12 23:18pm
v2
Comments
Christian Graus at 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
good
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.
Thanks...

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

  Print Answers RSS
0 OriginalGriff 350
1 Jochen Arndt 190
2 Richard MacCutchan 135
3 Sergey Alexandrovich Kryukov 130
4 DamithSL 95
0 OriginalGriff 6,045
1 DamithSL 4,601
2 Maciej Los 4,087
3 Kornfeld Eliyahu Peter 3,480
4 Sergey Alexandrovich Kryukov 3,310


Advertise | Privacy | Mobile
Web04 | 2.8.141220.1 | Last Updated 6 Aug 2012
Copyright © CodeProject, 1999-2014
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