Having a strange issue with the TabContainer in the AJAX Toolkit. We have several views into a customer record system that we have built as ASP.net controls. These controls use UpdatePanels to load data asynchronously. We use jQuery and jquery.ui to place these controls in separate tabs on a single page. Which all works swimmingly. Lately, I've gotten a little tired of the jQuery tab hackish approach and decided to port everything to use the TabContainer. I want to be able to control the tabs as objects.
At first glance, everything works perfectly. I just slapped the controls into tabs in a TabContainer and everything looked great. However, for some reason, databound controls are losing their data. For instance, grid views vanish when I switch pages. A drop down control with an OnTextChanged event, loses its databound list of values upon post back. Something about the TabContainer -> Custom Control -> UpdatePanel -> Control that uses data binding heirarchy is throwing it out of whack and the debugger isn't shedding any light. It seems like control state isn't being stored. I don't really know enough about control state to know what to look for. Here is the markup for the TabContainer:
I've been searching the net for the past 3 days looking for solutions for this... but apparently it is only happening to me... As far as I've seen (even in this video: [URL], TabContainer/TabPanel is pretty much drag & drop. But for some so far unknown reason, I can't click on the tabs to change them, and I can't see the selected tab(there is no difference in the rendering of the tabs to show selected tab).
Is there any javascript function that I have to add to my page by default to make it work?
This is the way the tabContainer is being rendered:
As you can see, even though we know tab 1 is selected, the 3 buttons look the same. And when you try to click "Tab Two" or "Tab Three", it is as if the tabs were read-only...
My code is as follows... The optional properties that I setted, such as Enabled="true" on the tabpanels, are the tries I've done these past 3 days to fix the problem... And I made all TagPrefix="asp" just to make matters simple!
but when the page is rendered TabPanel is always Hidden,I wateched the html code by Firebug and found visibility is hidden... what is the problem? http://i.imgur.com/m1eSW.jpg
I am using Tabcontainer of AJAX Control Toolkit . The problem is that, i have 10 tabpanels. I want to show this tabs in two lines, first 5 in one line, second 5 tabs in another line.
At present we are using <ajax:TabContainer> to load tabs. I have 5 user controls inside <ajax:TabPanel>.
The problem is that all the data on these 5 pages gets loaded at once and increases the loading time as well as it is very hard to debug. Can we do lazy loading uisng TabContainer control? so that only the data of the current tab is loaded and when we click on the other tab then that's control data gets loaded.
am trying put values using javascript function but for some reason that is not working and the values are lost :(what i am trying do?, from the tabchanged event I ask if the user want return to the last loaded tab and go to the functionNavigateToLastLoadedTab
[Code]....
after to run this method i don't know how the browser is cleaning the values from the control :(.
Yesterday (Thursday Sep 10th 2010) I was happy to have a TabContainer working fine on a simple page as im learning to use it.
On the page was:
1) Ajax Script manger. 2) 1 command button (it would make label1.text = "hello world" 3) A Ajax TabContainer with 2 tabs... 4) Label1
That was it and it was working fine in Chrom and IE Woohoo.. I go home...
This morning I load it up to keep working way and doing more with it.... Chrome is my default browser, it loads and I click tab2 then tab 1 all is well.... I click Butto1 and the hole TabContainer disapears..
After much dinging I find it still works in IE but that my Chrome has updated (on its own): (I notice only one ICON in Chrome in the uper right corner by the addres bar... Only the Wrench ICON, No more Page ICON.. So I check and sure enough Chrome did a push to V 6.0.472.55.. Anyhow thats the difference and now TabContainer goes poof/disappears when clicking a button that refeshes the page.
I am Getting the following error using the Numeric UpDown Control from Ajax Control Toolkit. Assembly 'AjaxControlToolkit, Version=3.0.30512.20315, Culture=neutral, PublicKeyToken=28f01b0e84b6d53e' contains a Web resource with name 'AjaxControlToolkit.NumericUpDown.NumericUpDownBehavior.debug.js', but does not contain an embedded resource with name 'AjaxControlToolkit.NumericUpDown.NumericUpDownBehavior.debug.js'.
I am a newbie in web development I came from win form environment. how to set tabcontainer (ASP.Net Ajax Tool) width size according to users desktop screen resolution?
m kinda new in asp.net ,i'm try to do a web form with 3 tabs but i want that the tabs will start from the right end of the screen and not from the left?is there a way to do it?i searched the properties list for such a thing , and i didn't fine it.
I created dynamic the tabpanel of tabcontainer, and the tabpanels change depended on the item which chooses from dropdownlist but the problem is tabcontainer keeping the last tabpanel and create another tabpanel and I couldn't remove them how I can rebulid the tabconatiner each postback
I am making a TabContainer with several TabPanel. In one the TabPanel I have a video player. When I start the video and switch to an another TabPanel, the video stops.
How can I do to make the video continue to play when I switch to an another TabPanel ?
When iam try to add ajax control dll file to my ajax toolkit given in visualstudio express edition 2005, i am getting the following error.
"There are no components in 'C:ProgramFilesMicrosoft ASP.NETASP.NET 2.0 Ajax Extensionsv1.0.61025AJAXExtensionsToolbox.dll' that can be placed on the toolbox." what is the error in this?
I am having a problem floating div's inside the AJAX TabContainer. The content I place inside the TabPanel is jumping outside the border. Here is the code:
I have a Collapsiblepanelextender and a TabContainer with two tabs. the code works fine in FF and Chrome but fails in IE8. I am using VS2008 .Net 3.5 and the latest AjaxToolkit.
I am trying to control the collapsible behavior through tab clicking using javascript. here is the code to replicate my problem.
I have a asp.net page that contains a Ajax TabContainer control with three tabs, this is all dynamically created and added using the code-behind file. Inside each tab I have one or more gridview controls that can cause a postback for various reasons.
When a gridview control causes a postback, the entire tabcontainer gets hidden on the page and therefore nothing is displayed. In the HTML source code I can see that the controls have been added to the page, but the tabcontainer has a style added to it (style="visibility: hidden"]. If I remove this style using the developer tools, the tabcontainer displays and all tabs, but some of the styling gets lost. Is there a specific reason why this occurs and how I can resolve this?
how to set a TabContainer to hidden/visible. I have tried placing it in a div and in a panel, but when I hide these (style="visibility: hidden;"), the Tabcontainer stays visible! Setting the style of the TabContainer itself doesn't work.