Tab Container Issue - Inside of Update Panel

I was attempting to have a tab container hidden (visible = false) when I load the page inside of an Update Panel. After entering in some search criteria and pressing load, the tab container would become visible, or so I thought. What I got was all of the tabs' header text just written out on one line with the first tab visible and no container. Has anyone ran into this or know a work around? Outside of that, I think this would qualify as a bug or need to be noted in the documentation that you cannot change the visibility of a Tab Container inseide of an Update Panel and expect it to work correctly.

PS. Toggling the visibility of the Tab Containers works fine when the Tab Container is outside of an Update Panel.

Hi,

I fail to reproduce the issue. Can you show me your code?

TAB control is hidden on IE7

I've found a strange problem that occured only on IE7

I have a wep page (MAINPAGE) that containt an IFRAME. This page is use to put our menu. The content of our website is display inside the iframe. So here is the problem. I have made some page with the new tab control. I will call those page PAGE1 and PAGE2. So if i put a hyperlink in PAGE1 to open PAGE2 everything is working fine. In our menu i use this:

"window.frames('fraMain').location.href = '" & row("URL").ToString & "';"

This is is code for the event onclick in our menu. So when i use this code to open either PAGE1 or PAGE2 the tab control is not displayed. I've got a javascript error "unspecified error" and if i look at the source code this is what the tab control looks like:

<div id="ctl00_Contenu_TABGENERAL" class="ajax__tab_Orchestra"style="visibility:hidden;">

So there is avisibility:hidden add to the code. This only occured on IE7 and when my pages are called using this line of code "window.frames('fraMain').location.href = '" & row("URL").ToString & "';".

We've been using this line of code for years and never have any problem with any other pages that don't containt the TAB control.

Any idea ?

I've made some other test and i notice that the problem only occured the first time i open the page with our menu. So if i click on our menu to open the page the Tab control is not displayed. Then if i click again the tab control work just fine. I don't have this problem with Firefox.

Tab Panel displays content of other tab panel

I have a tab container with 4 tabs in it. One that is hidden from certain users. We will refer to this as tab panel 3. When you browse to the page as one of these users the tab control is displayed properly, without tab panel 3. You can select the other tab panels and their content is correct. In tab panel 4 there is a button that causes a post back. When you click on this button the content displayed in tab panel 4 is now the content from tab panel 2 and the content from tab panel 4. If you then select tab panel 1 you see the same behavior, it's content is that of tab panel 2 and tab panel 1. If you select tab panel 2 it seems to reset the tab panels and they all display with the proper content.

any ideas?

ok, the way that the one tab was hidden from certain users was that I left off the headertext for that tab. effetively keeping anyone from getting to it. For some reason this was causing the unexpected behavior.

Correct me from wrong, I guess we're trying to make a tab invisible conditionally using visible property. If yes, instead of using visible property, try to use Enable property to do so. Good luck.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

I saw this same behavior when I was dynamically adding tabpanels. 



I fixed this by wrapping the tabpanel content in updatepanels.

TabContainer always hidden

hi there,

my tabcontainer is always rendered as hidden.

this is the asp code

 <td class="text1"> <ajaxToolkit:TabContainer runat="server" ID="TabContainer1" Visible="true"> <ajaxToolkit:TabPanel runat="server" ID="TabPanel1" HeaderText="TabPanel1"> <ContentTemplate> TabPanel1 </ContentTemplate> </ajaxToolkit:TabPanel> <ajaxToolkit:TabPanel runat="server" ID="TabPanel2" HeaderText="TabPanel2"> <ContentTemplate> TabPanel2 </ContentTemplate> </ajaxToolkit:TabPanel> <ajaxToolkit:TabPanel runat="server" ID="TabPanel3" HeaderText="TabPanel3"> <ContentTemplate> TabPanel3 </ContentTemplate> </ajaxToolkit:TabPanel> </ajaxToolkit:TabContainer> </td>

and this is how it renders

<td class="text1"> <div class="ajax__tab_xp" id="ctl00_ContentPlaceHolder1_TabContainer1" style="visibility:hidden;"><div id="ctl00_ContentPlaceHolder1_TabContainer1_header"><span id="__tab_ctl00_ContentPlaceHolder1_TabContainer1_TabPanel1">TabPanel1</span><span id="__tab_ctl00_ContentPlaceHolder1_TabContainer1_TabPanel2">TabPanel2</span><span id="__tab_ctl00_ContentPlaceHolder1_TabContainer1_TabPanel3">TabPanel3</span></div><div id="ctl00_ContentPlaceHolder1_TabContainer1_body"><div id="ctl00_ContentPlaceHolder1_TabContainer1_TabPanel1"> TabPanel1 </div><div id="ctl00_ContentPlaceHolder1_TabContainer1_TabPanel2" style="display:none;visibility:hidden;"> TabPanel2 </div><div id="ctl00_ContentPlaceHolder1_TabContainer1_TabPanel3" style="display:none;visibility:hidden;"> TabPanel3 </div></div></div> </td>

can any advise me how to fix this please?

Maurice

it may be obvious to most people but the first div is meant to have the style="visibility:hidden;" but the control is never rendered to the screen, i.e. i cant see the tabs.

Maurice

I've dynamic TabContainer (in code behind), andyourTabContainer.ActiveTabIndex = 0; helped me to solve this issue.

I also have this same problem where the tabcontainer and its tabpanels are always hidden. The HTML markup is all there when you view source of the page but the container and panels have a style attribute of visibility:hidden.

This displays fine in IE6 but under Firefox 1.5.0.12 the tabs are always hidden.

Does any one have any ideas why it does this?

I managed to fix my problem.

The problem was I had a calendar extender control within the tabpanel that had its ondateselection property set. For some unknown reason with that property set, Firefox refuses to display the tabcontainer.

TabContainer hidden on postback!

i have a page that is derived from a master page. The page contains a tabContainer with three TabPanels. Each of the TabPanels contains an updatePanel.

One of the updatePanels contains a TabContainer with two Tabpanels that contain CascadingDropdowns. Everything works fine till i perform a postback

from within the update panel. Upon return the inner most tabContainer is hidden -- i can see it in ViewSource, but it is set to hidden and display of none.

There are no exceptions in the code. The Page Load event completes perfectly, the event handler for the button that causes the postback executes

perfectly. everything works, except that the tabContainer is "gone"...

If i remove the UpdatePanel that contains the tabContainer then everything works. Putting back the UpdatePanel causes the inner TabContainer to

disappear on postback even though everything works in the code behind. I tried to explicitly set the TabContainer to enabled and visible in Page Load

event to no avail. I do not know if the fact that the page is derived from a master page makes a difference.

summary of hierarchy

MasterPage

-- ClientPage

-- TabContainer

-- TabPanel

-- UpdatePanel -->this seems to cause the problem on postback.

-- TabContainer --> disappears on postback

-- TabPanel --> this works, has no TabContainers

-- TabPanel -->this works, has no Tabcontainers

Help??!!!

i found the solution to all the problems i've been having with tabs disappearing upon deployment.

Turns out the microsoftajax.js was different. Reinstalling Ajax extensions fixed it. The problem i

have with this is that this was the released v1.0 that was installed. The machine had no atlas, no

previews, no nothing before Ajax 1 was installed on it few weeks ago. Downloading and re-installing

fixed it, but clearly installed a different set of files... The hint that finally got me to this path was

issues with sys.debug that were not related to caching the js files in the browser nor in IIS.

I downloaded the latest controltoolkit.dll, however, I am still having the same problem with firefox as you had above.

Any suggestions?

Thanks

Hi,

If anyone is still having this issue....

Firefox had a bug. I just downloaded the latest release of Firefox from this link: (I guess it is not officially released?)

ftp://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/2007-03-09-19-firefox2.0.0.3

In the new Firefox, the tabContainer seems to work fine.

Thanks