.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
david stephan
Gaurav Pal
Post New Web Links

TabContainer and UpdatePanel

Posted By:      Posted Date: October 14, 2010    Points: 0   Category :ASP.Net

hi there,

i am using a TabContainer and at each TabPanel i have embed an UpdatePanel in order to update each tab alone.

this is my code:

 <cc1:TabContainer runat ="server" ID="PriceTabContainer" Width ="800px" 
                             TabStripPlacement ="Top" ActiveTabIndex="0" style="text-align: left">
                            <cc1:TabPanel runat ="server" ID="elevatorPriceTab" HeaderText="Elevator">
                                <ContentTemplate >
                                <asp:UpdatePanel ID="UpdatePanel4" runat="server"> 


 <cc1:TabPanel runat ="server" ID="peripheralPriceTab" HeaderText ="Peripherals">
                                <ContentTemplate >
                                <asp:UpdatePanel ID="UpdatePanel5" runat="server"> 
                                <ContentTemplate >

View Complete Post

More Related Resource Links

TabContainer inside UpdatePanel not visible on IE


I have put a TabContainer inside an UpdatePanel. The TabContainer's TabPanels get populated with the content dynamically.  Whenever the browser is refreshed (F5), the TabContainer does not display I get a javascript error

Message: 'undefined' is null or not an object

This only happens in Internet Explorer.  If I put the cursor in the address bar and press the 'Enter' key, the TabContainer shows up again and the javascript error goes away.

A live sample can be see at http://www.ccrane.com/ on any of my product pages.

Any help figuring this out would be greatly appreciated.

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB6.5; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; MS-RTC LM 8; .NET4.0C; .NET4.0E)
Timestamp: Wed, 13 Oct 2010 22:56:04 UTC

Javascript Error using UpdatePanel/TabContainer


Hi all,

I am developing a website with AJAX technologies: UpdatePanel/TabContainer, within a SmartPart in MOSS 2007 with ASP.NET/C#. The problem i am getting is:

Detalles de error de página webAgente de usuario: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)Fecha: Thu, 15 Apr 2010 09:38:39 UTCMensaje: Sys.InvalidOperationException: Type AjaxControlToolkit.BoxSide has already been registered.Línea: 2417Carácter: 41Código: 0URI: http://SERVER/ScriptResource.axd?d=uzsIWp-LVCpswy-cYxY6F0kaYLhLubKRZyqE7KF9iAu_g2a_jBCyn5b-toZkPJyDe_WK1FaDUH1_u80tuXtpvCHjXtXNROZdha41ueeSeDk1&t=633524895900156250Mensaje: Sys.ScriptLoadFailedException: The script '/ScriptResource.axd?d=DzHfp8F4M5iTOnENR9JnReXLIfaXEnnk8vO2d2Ogb_mDtPMz_Ao50HYTPQ9MFbyiKGHEAwJ9M3heDHI3Tuc_oObIa_HdyU2EBVk_NuOzq5zrgSzS2HqD5OEZnEeR8k_30&t=634021768372647500' failed to load. Check for: Inaccessible path. Script errors. (IE) Enable 'Display a notification about every script error' under advanced settings. Missing call to Sys.Application.notifyScript

ASP.net Ajax TabContainer -- Printing All tabs



Can  anyone help me with this?. I want to print all the tabs in ajax tab container. The tab container has around 10 tabs. I dont want to goto each tab and print the page. Instead is there any way by which I can tweek the print.css file to print all the tabs at a single stretch?.  So that I will get all the contents of the tab in single print.  Is there any other way in which I can print all the tabs all together?.

Thanks in Advance...


UpdatePanel is not a known element - message when upgrading to 1.0 ajax


It worked on one of my old pages.  I change the web.config, renamed all the <asp.

On some aspx page it doesn't recognize the updatepanel.  It only does on one page.  If I create a new aspx page with a different name - then it works.

Should I just create a new web project ajax - then copy all my code into there?  Or is there a way to get those old pages to recognize the new ajax controls?

Gridview inside updatepanel


I am displaying large amount of data in gridview,the gridview placed within updatepanel,every 1sec i am refreshing updatepanel using ajax timer.my problem is while displaying large data the cpu performance is low,pls give idea to increase cpu performance..

Wicked Code: UpdatePanel Tips and Tricks


Jeff Prosise explains when it's better to use UpdatePanel and when it's better to use asynchronous calls to WebMethods or page methods instead.

Jeff Prosise

MSDN Magazine June 2007

How do you insert a google map into an ajax updatepanel?


I have built a site that I am using google maps on.  The default page has a google map with info windows containing links and all works great... until a user clicks on the link in the info window.  Doing so takes them to a community page that I have built.  On this community page, I have an ajax update panel that has 2 panels nested inside of it with the visibility set for one to be on and the other off.  The default panel shows community photos, and the second panel I want to show the google map and common directions to the community.  In testing, my buttons to switch the visibility of the panels works great as it should without postback, but when I try to add the map to its panel, it does not show up.  I am new to ajax as well as google maps and I'm not sure why the same code would work fine on my default page but not the community page.  The only obvious thing I can assume is because the community page map is in an update panel.  

How do you insert a google map into and ajax updatepanel and have it work correctly?  Many thanks in advance. 

ModalPopup/UpdatePanel from codebehind, inconsistent behavior onClick


First post bear with me please:

I have a simple form with a list of linkbuttons, each fires the same onclick event which sets an indicator image.  I have a dummy button with style="display:none" which I have set as the TargetControlID of the modal.

onClick event from the imagebutton, the modal is shown via modal.Show().  The cancel button inside the modalpopup fires an event which turns off the indicator image and hides the modal via modal.Hide(). 

The events fire perfectly, it's very simple!  Although after doing some testing I noticed the modalpopup is not presented after the 6-10th cycle of clicking the open event, then clicking cancel.  The grey background appears but it is behind the main panel and the modal is either presented behind this or is just simply not displaying. 

I spent hours researching various methods, implemented the CancelControlID to see if it was somehow tied to my call of modal.Hide() that fails.

This occurs with an updatepanel only.  The behaviour is much cleaner this way, so I would hope to be able to implement this.  I have basically eliminated everything but these two events!  Please help

UpdateProgress with a dummy updatepanel not working


I have a Submit button and some functionality like updating DB and fetching next page in the button click event. This process takes a long time and I want to display a message saying "Progress...." right after clicking the botton. I want to do the same in 20 other pages. So, best way to do it wd be to put the modalpopup MPE or an Updateprogress in a usercontrol or in master page. I first tried putting both of these on the page itself to test and see and neither worked.

I tried using Update progress control with a dummy updatepanel and giving the Submit button as Asyntrigger to the dummy updatepanel. I have also tried using MPE but it didnt work either. Below is an example of what i did..

<asp:UpdatePanel ID="UpdatePanel1" runat=server><contenttemplate><triggers><asyntrigger ID= "Submit"> /> /> />

<asp:updateprogress ID="Progress1" unat=server AssociatedUpdatePanelID="UpdatePanel1"><Progresstemplate>Progress.... />/>

<asp:button ID= "Submit" runat=server >

I have nothing for updateprogress in code behind. Am i missing or doing somethign wrong here? Any help would be appreciated.

Dynamic tabcontainer


I have a tabcontainer that is set up dynamically.  Everything in this work without any issues.  I add a gridview to this container and I would love to maintain the active tab during a page post back.   If I create the tabcontainer in the design time I know how to use javascript to maintain the tab selections.  But I have no clue when they are dynamic.  I tried storing the activeTabIndex in a session variable but I don't know how to capture the change of the tabs.

Can someone please help,


UpdatePanel in a Webpart


I'm exploring the usage of UpdatePanels in WebParts for MOSS 2007. The code I have so far for adding a test update panel is this:

                LinkButton goButton;
                goButton = new LinkButton();
                goButton.ID = "butGo";
                goButton.Text = "Go";
                goButton.Command += new CommandEventHandler(goButton_Command);
                goButton.Click += new EventHandler(goButton_Click);

file upload in Create User Wizard Created User event with UpdatePanel Tag wont work?



In my Create User Wizard1 Created User Wizard Event, I am collecting extra information from text boxes and allowing

the user to uplad a file.



I have put the Submit button within an Update Panel Tag but since I have done this it does not work.

Is there a way round it. In this situation would you use a trigger.?


<br />

  <asp:UpdatePanel ID="UpdatePanel2" runat="server">

  <asp:Button ID="StepNextButton" runat="server"  CommandName="MoveNext"  align="middle"
                                            Text="Submit my Profile" />

Total newbie question: Calling jQuery in an UpdatePanel?



Please forgive this ignorant question - I've used ASP.NET AJAX a good deal but I'm new to jQuery.  Specifically, is it possible to call or create jQuery events on the fly via an UpdatePanel?  For example, calling a jQuery modal or animating a Label (or <div> contained Literal), etc.

If anyone has any advice or could point me to some easy tutorials on mixing ASP.NET AJAX and jQuery, I'd greatly appreciate it. 



Cancelling UpdatePanel progress


I have an UpdatePanel that consists of a button and a GridView. The UpdateProgress as shown consists of an image and a "cancel progress" button. The style on the image helps in graying out the controls on the page but still letting the user view those (due to the opacity settings). What is the best way to implement cancelling the progress of loading data into the GridView by clicking the cancel button.

<asp:ScriptManager ID="sm1" runat="server" />
        <asp:UpdateProgress AssociatedUpdatePanelID="upCheckBoxes" ID="upr1" runat="server">
                <div id="container">
                    <img src="images/loading.gif" id="loadingimg" />
	<asp:UpdatePanel ID="upCheckBoxes" runat="server" UpdateMode="Conditional">
	<asp:AsyncPostBackTrigger ControlID="btnSubmit" EventName="Click" /> 
		<script type="text/javascript">   
			Sys.Application.add_load(BindEvents);     //Doing some jquery stuff here

Run a javascript function after UpdatePanel.Update()


I thought that adding the javascript within the ContentTemplate would cause it to run every time the UpdatePanel was updated.  For example, I would assume that for the following:

<atlas:UpdatePanel ID="UpdatePanel1" runat="server" Mode="Conditional" >
        Hello from inside the update panel!!!!
        <asp:Button ID="foo" runat="server" OnClick="foo_Click" Text="Click me to postback!" />
        <script type="text/javascript">alert('Javascript, baby!');</script>

 would cause the function alert() to run every time the UpdatePanel returns from the button click.  This is not the case, however.

How do I do this?  My update panel contains a scrolling Div and I

Modal Popup with UpdatePanel


Hi Guys,

              I have one Panel on ascx control to which I have attached one Modal popup extender. On this panel I have one RadioButtonList control which having SelectedIndexChanged on which I have made CheckBoxLists visible True/False. 

             I want to add Update panel to this Panel . So when I handled the SelectedIndexChanged event there should be no total page post back, only Panel updates should be happen.

 Please do reply..



UpdatePanel - UpdateProgress only displays on initial postback



I'm having a somewhat odd issue, I'll do my best to explain it.

In a nutshell I have an UpdatePanel with an UpdateProgress item, first postback checks for warnings, if there are any they will be be displayed to the user as a JavaScript 'confirm' box. If the user clicks OK the next postback occurs to commit the change.

The UpdateProgress loading notification appears on the first postback but not on the second, even though both of them function correctly.  The buttons that trigger both postbacks are async postback triggers in the update panel, and both are inside the ContentTemplate.

It's not a huge problem, but it causes some confusion, has anybody ever seen this issue before?


ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend