Wednesday, March 21, 2012

TabContainer not displayed

Hello,

I have a simple page with a tab container and 3 abs:

<form id="form1" runat="server">
<div>
<cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" BackColor="#FF8000"
BorderColor="#004000" ForeColor="Blue" Height="500px" Width="500px">
<cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="TabPanel1">
<ContentTemplate>
qqwqw
</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="TabPanel2">
<ContentTemplate>
ffrffe
</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="TabPanel3">
<ContentTemplate>
fdffdf
</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>

</div>
</form>

When I run the page, nothing is displayed! The resulting HTML code is:

<div>
<div id="TabContainer1" class="ajax__tab_xp" style="color:Blue;border-color:#004000;width:500px;visibility:hidden;">
<div id="TabContainer1_header">
<span id="__tab_TabContainer1_TabPanel1">TabPanel1</span><span id="__tab_TabContainer1_TabPanel2">TabPanel2</span><span id="__tab_TabContainer1_TabPanel3">TabPanel3</span>
</div><div id="TabContainer1_body" style="height:500px;"
<div id="TabContainer1_TabPanel1" style="display:none;visibility:hidden;">

qqwqw

</div><div id="TabContainer1_TabPanel2" style="display:none;visibility:hidden;">

ffrffe

</div><div id="TabContainer1_TabPanel3" style="display:none;visibility:hidden;">

fdffdf

</div>
</div>
</div>

I have no idea wahy it doesn't show up. I don't have any error message either.

Hello,

I copy and pasted your code and ran it, but I put the scriptmanager at the top and I see the tabs. Try the code below:

<%@.PageLanguage="C#"AutoEventWireup="true"EnableEventValidation="false"CodeFile="LousTest.aspx.cs"Inherits="TestPages_LousTest" %>

<%@.RegisterAssembly="AjaxControlToolkit"Namespace="AjaxControlToolkit"TagPrefix="cc1" %>

<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<headrunat="server">

<title>Test</title>

<linkhref="../resources/css/intranet.master.css"type="text/css"rel="stylesheet"/>

</head>

<body>

<formid="form1"runat="server">

<asp:ScriptManagerID="ScriptManager1"EnablePartialRendering="true"runat="server">

</asp:ScriptManager>

<div>

<cc1:TabContainerID="TabContainer1"runat="server"ActiveTabIndex="0"BackColor="#FF8000"

BorderColor="#004000"ForeColor="Blue"Height="500px"Width="500px">

<cc1:TabPanelID="TabPanel1"runat="server"HeaderText="TabPanel1">

<ContentTemplate>

qqwqw

</ContentTemplate>

</cc1:TabPanel>

<cc1:TabPanelID="TabPanel2"runat="server"HeaderText="TabPanel2">

<ContentTemplate>

ffrffe

</ContentTemplate>

</cc1:TabPanel>

<cc1:TabPanelID="TabPanel3"runat="server"HeaderText="TabPanel3">

<ContentTemplate>

fdffdf

</ContentTemplate>

</cc1:TabPanel>

</cc1:TabContainer>

</div>

</form>

</body>

</html>


Thank you

It turns out my web.config was incomplete. With the correct version, the tabs are displayed correctly.

No comments:

Post a Comment