Using AJAX Control Toolkit:TabContainer not displaying contents of the Panel

Article
2008-06-10

Question

_{Tuesday, June 10, 2008 6:47 PM}

Hi
I am pretty new to using AJAX Control Toolkit TabContainer control. I am using some test code and try and generate a sample tabbed webform view. But somehow nothing shows up when I view this aspx page in the browser (IE). Can someone please tell me what I might be missing. See snippet below:

    <cc1:TabContainer ID="TabContainer1" runat="server" >
        <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="Dependent Info" Enabled="true" Height="150px">
        <ContentTemplate>
        <table>
        <tr>
        <td>DISPLAYING TAB PANEL 1</td>
        </tr>
        </table>
        </ContentTemplate>
        </cc1:TabPanel>
        <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="Recent Contributions">
        <ContentTemplate>
        <table>
        <tr>
        <td>DISPLAYING TAB PANEL 2</td>
        </tr>
        </table>
        </ContentTemplate>
        </cc1:TabPanel>
        <cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="Eligibility History">
        <ContentTemplate>
        <table>
        <tr>
        <td>DISPLAYING TAB PANEL 3</td>
        </tr>
        </table>
        </ContentTemplate>
        </cc1:TabPanel>
        <cc1:TabPanel ID="TabPanel4" runat="server" HeaderText="Medical/Dental Enrollment">
        <ContentTemplate>
        <table>
        <tr>
        <td>DISPLAYING TAB PANEL 4</td>
        </tr>
        </table>
        </ContentTemplate>
        </cc1:TabPanel>
        <cc1:TabPanel ID="TabPanel5" runat="server" HeaderText="Personal Info">
        <ContentTemplate>
        <table>
        <tr>
        <td>DISPLAYING TAB PANEL 5</td>
        </tr>
        </table>
        </ContentTemplate>
        </cc1:TabPanel>
    </cc1:TabContainer>

Thanks,
Roy

All replies (9)

_{Thursday, June 12, 2008 6:08 PM ✅Answered}

In this situation, where there is a mysterious thorn in my side, I generally just start over with a fresh project just to see if it can be done (lots of mysterious things go right, sometimes, when I do this.)

Before that, though, just for S&G, try taking out the width property and the visible property from the tabcontainer. Probably won't make a difference, but it's worth a try.

James

_{Wednesday, June 11, 2008 2:01 AM}

Hi Roy,

Its working perfectly fine for me, i just changed the tag prefix as per my ajax control toolkitcontrol entry in web config(cc1 ->ajaxToolki) and added CssClass for better UI. Can you please provide more details about your problem, also check this sample to crosscheck -

http://www.asp.net/AJAX/AjaxControlToolkit/Samples/Tabs/Tabs.aspx

_{Wednesday, June 11, 2008 10:21 AM}

roy,

The tab looks fine. Something else in your code may be blocking or hiding it. (... and I only suggest the next thing because it happens to me all the time: are you sure you are running the page you expect to run? Have you set the page with your tabs as the start page for your project?)

_{Wednesday, June 11, 2008 1:31 PM}

Sure, the only additional information that I have is-I am using a master page and all the code that I posted are inside

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">....</asp:Content>

Also, to let you know that following table is also in the above contentplaceholder but is displaying fine..

<table>

<td class="MaroonText_10px"> <br/><br/>Participant Detailed Services <br/><br/></td>

</tr>

</table>

Any content inside

<cc1:TabContainer ID="TabContainer1" runat="server" Enabled="true">

</cc1:TabContainer>

is not displaying when I preview in browser.

Thanks,

Roy

_{Wednesday, June 11, 2008 2:38 PM}

Roy,

I've recreated the code you posted and I'm seeing everything. Is your master page straightforward? Does it look something like this?

<title>Untitled Page</title>

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>

</head>

<body>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<div>

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</div>

</form>

</body>

</html>

_{Thursday, June 12, 2008 2:25 AM}

Are there any javascript errors on page(see bottom left corner in IE status bar and Tools->ErrorConsole in FF).

_{Thursday, June 12, 2008 5:34 PM}

yes, the master page is simple. Everything else in the contentplaceholder block is being displayed except for anything that I put inside

<cc1:TabContainer ID="TabContainer1" runat="server" Enabled="true" Visible="true" BackColor="Blue" ActiveTabIndex="0" Width="800px">

</cc1:TabContainer>

This is driving me crazy as I really need to get this working or some alternate way to have a horizontal menu like stucture and each item in the menu loads a different user control or aspx web page view closely similar to tabbed screen view.

Thanks,

Roy

_{Thursday, June 12, 2008 5:35 PM}

Nope. No script error. I already checked that b4 I posted.

Thanks,

Roy

_{Saturday, June 20, 2009 8:09 AM}

Hi All,

I am beginner of vs2008, My problem is ajaxcontroltoolkit is working fine on my local machine. when i publish the below error is coming. I am struggle this, any one plz. help me

Parser Error

Description: An error occurred during the parsing of a resource required to service this request. Please review the following specific parse error details and modify your source file appropriately.

Parser Error Message: Could not load file or assembly 'AjaxControlToolkit' or one of its dependencies. The system cannot find the file specified.

Source Error:

Line 1:  <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" %>
Line 2:  
Line 3:  <%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>

Thanks in Advance.

Thanks

Ayyappan

Share via

Using AJAX Control Toolkit:TabContainer not displaying contents of the Panel

Question

All replies (9)

Parser Error

Additional resources