ASP.NET - Ajax Control Toolkit - TabContainer always hidden

Question

I used the following code to add TabContainer to page

      <asp:TabContainer ID="TabContainer1" runat="server">

        <asp:TabPanel runat="server" HeaderText="tab one" ID="TabPanel0">
            <ContentTemplate>
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            </ContentTemplate>
        </asp:TabPanel>

         <asp:TabPanel runat="server" HeaderText="tab two" ID="TabPanel1">
            <ContentTemplate>
                <asp:Button ID="Button1" runat="server" Text="Button" />
            </ContentTemplate>
        </asp:TabPanel>

    </asp:TabContainer>

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? https://i.stack.imgur.com/m1eSW.jpg

You did anything in the code behind or javascript, because it works for me. — Thomas Li, Mar 28 '11 at 19:30

Tim Schmelter · Answer 1 · 2011-03-28T19:36:52.233

6

Have you tried to set the ActiveTab-Property(from codebehind) or the ActiveTabIndex from codebehind or aspx?

You could also check if it works if you explicitly set the display to visible:

ActiveTabIndex="0" style="display:block;visibility:visible;"

Are you sure that the Ajax libraries are loaded correctly? Do you have other Ajax-Controls inside of your TabContainer? Check if all of your html in that page is valid.

Are you using the latest AjaxToolkit and the ToolkitScriptManager instead of the ScriptManger?

edited Mar 28 '11 at 19:36

answered Mar 28 '11 at 19:31

Tim Schmelter

450,073
74
686
939

I used ScriptMangager instead of ToolkitScriptManager because of a problem and tips on this page http://forums.asp.net/t/1273185.aspx/2/10 ,it is the problem of .NET 3.5? – Farhad Mar 28 '11 at 20:37

score 2 · Answer 2 · answered Jul 06 '11 at 17:52

2

You need to use the Script Manager from the Ajax Control Toolkit, add it after the form tag.

answered Jul 06 '11 at 17:52

jmnf

21
1

score 2 · Answer 3 · answered Sep 08 '11 at 22:00

2

i had the same issue and after 2 hours of googling i found a solution. In my case I had to change asp:ScriptManager to ajaxToolkit:ToolkitScriptManager.

answered Sep 08 '11 at 22:00

Mukhtar

111
1
4

score 0 · Answer 4 · answered Jan 18 '13 at 12:01

0

We've solved this problem at our company, after trying everything found on websites by changing the website's appPool from Classic to Integrated.

answered Jan 18 '13 at 12:01

MelloG

1,044
1
11
11

score 0 · Answer 5 · edited Nov 11 '14 at 17:09

0

In my case: The active tab was hidden (server side: Visible="false"). It seems if you activate in server side a hidden tab, it'll add visibilty:hidden to the tabcontainer!

edited Nov 11 '14 at 17:09

Robert

5,278
43
65
115

answered Nov 11 '14 at 16:49

A.Akram

412
5
22

score 0 · Answer 6 · edited Oct 29 '12 at 03:43

0

You may want check that you have used ToolkitScriptManager instead of ScriptManager. This will solve your problem.

edited Oct 29 '12 at 03:43

McGarnagle

101,349
31
229
260

answered Mar 13 '12 at 13:32

taha

1

score -1 · Answer 7 · answered Mar 28 '11 at 19:31

-1

Try setting ActiveTabIndex="0" on the TabContainer

answered Mar 28 '11 at 19:31

e36M3

5,952
6
36
47

ASP.NET - Ajax Control Toolkit - TabContainer always hidden

7 Answers7

Linked