locked
Ajax tabbed panel issues RRS feed

  • Question

  • User410067686 posted

    ajax tabbed panel header text not appearing. Have use <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager> but it didn't work, this is my code.

    ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager>
    <ajaxToolkit:TabContainer runat="server" ID="Tabs" Height="138px" ActiveTabIndex="0"
    Width="402px">
    <ajaxToolkit:TabPanel runat="server" ID="Panel1" HeaderText="Address">
    <ContentTemplate>
    <asp:UpdatePanel ID="updatePanel1" runat="server">
    <ContentTemplate>
    <table>
    <tr>
    <td>
    First Name:
    </td>
    <td>
    <asp:TextBox ID="txtName" runat="server" />
    </td>
    </tr>
    <tr>
    <td>
    Address:
    </td>
    <td>
    <asp:TextBox ID="txtAddress" runat="server" />
    </td>
    </tr>
    </table>
    </ContentTemplate>
    </asp:UpdatePanel>
    </ContentTemplate>
    </ajaxToolkit:TabPanel>
    <ajaxToolkit:TabPanel runat="server" ID="Panel3" HeaderText="Nested Tabs">
    <ContentTemplate>
    <ajaxToolkit:TabContainer runat="server" ID="NestedTabContainer1" Height="138px"
    ActiveTabIndex="0" Width="402px">
    <ajaxToolkit:TabPanel runat="server" ID="TabPanel1" HeaderText="Address">
    <ContentTemplate>
    <asp:UpdatePanel ID="updatePanel2" runat="server">
    <ContentTemplate>
    <table>
    <tr>
    <td>
    First Name:
    </td>
    <td>
    <asp:TextBox ID="TextBox1" runat="server" />
    </td>
    </tr>
    <tr>
    <td>
    Address:
    </td>
    <td>
    <asp:TextBox ID="TextBox2" runat="server" />
    </td>
    </tr>
    </table>
    </ContentTemplate>
    </asp:UpdatePanel>
    </ContentTemplate>
    </ajaxToolkit:TabPanel>
    <ajaxToolkit:TabPanel runat="server" ID="TabPanel2" HeaderText="Email">
    <ContentTemplate>
    Email:
    <asp:TextBox ID="txtEmail" runat="server" />
    </ContentTemplate>
    </ajaxToolkit:TabPanel>
    <ajaxToolkit:TabPanel runat="server" ID="TabPanel3" HeaderText="Login Details">
    <ContentTemplate>
    <table>
    <tr>
    <td>
    User Name:
    </td>
    <td>
    <asp:TextBox ID="TextBox3" runat="server" />
    </td>
    </tr>
    <tr>
    <td>
    Password:
    </td>
    <td>
    <asp:TextBox ID="TextBox4" runat="server" />
    </td>
    </tr>
    </ContentTemplate>
    </ajaxToolkit:TabPanel>
    </ajaxToolkit:TabContainer>
    </ContentTemplate>
    </ajaxToolkit:TabPanel>
    <ajaxToolkit:TabPanel runat="server" ID="Panel2" HeaderText="Login Details">
    <ContentTemplate>
    <table>
    <tr>
    <td>
    User Name:
    </td>
    <td>
    <asp:TextBox ID="txtUser" runat="server" />
    </td>
    </tr>
    <tr>
    <td>
    Password:
    </td>
    <td>
    <asp:TextBox ID="txtPass" runat="server" />
    </td>
    </tr>
    </ContentTemplate>
    </ajaxToolkit:TabPanel>
    </ajaxToolkit:TabContainer>

    Sunday, February 2, 2014 8:17 AM

Answers

  • User281315223 posted

    This may be a typo, but it looks like you are missing an opening '<' for your Script Manager :

    ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager>

    should be :

    <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager>

    This may just be a minor typo when you actually pasted your code into this editor, if so disregard that. I would recommend using the Developer Tools (F12) available within your browser to see if you have any errors within the Console. It could be possible that your related scripts may not be loaded correctly and this could cause your tabs to either not appear or not work properly.

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Sunday, February 2, 2014 9:07 AM

All replies

  • User281315223 posted

    This may be a typo, but it looks like you are missing an opening '<' for your Script Manager :

    ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager>

    should be :

    <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager>

    This may just be a minor typo when you actually pasted your code into this editor, if so disregard that. I would recommend using the Developer Tools (F12) available within your browser to see if you have any errors within the Console. It could be possible that your related scripts may not be loaded correctly and this could cause your tabs to either not appear or not work properly.

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Sunday, February 2, 2014 9:07 AM
  • User410067686 posted

    Okay , thanks its working. How to you on click a button and another update panel in my tab here is the code. For example, the button onclick, 2nd updatepanel would appear.

    <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager>
    <br />
    <ajaxToolkit:TabContainer runat="server" ID="Tabs" Height="138px" ActiveTabIndex="0"
    Width="402px">
    <ajaxToolkit:TabPanel runat="server" ID="Panel1" HeaderText="Address" CssClass="ajax">
    <ContentTemplate>
    <asp:UpdatePanel ID="updatePanel1" runat="server">
    <ContentTemplate>
    <table>
    <tr>
    <td>
    First Name:
    </td>
    <td>
    <asp:TextBox ID="txtName" runat="server" />
    </td>
    </tr>
    <tr>
    <td>
    Address:
    </td>
    <td>
    <asp:TextBox ID="txtAddress" runat="server" />
    </td>
    </tr>
    </table>

    </ContentTemplate>
    </asp:UpdatePanel>
    <asp:UpdatePanel ID="updatePanel2" runat="server">
    <ContentTemplate>
    <table>
    <tr>
    <td>
    First Name:
    </td>
    <td>
    <asp:TextBox ID="TextBox5" runat="server" />
    </td>
    </tr>
    <tr>
    <td>
    Address:
    </td>
    <td>
    <asp:TextBox ID="TextBox6" runat="server" />
    </td>
    </tr>
    </table>
    </ContentTemplate>
    </asp:UpdatePanel>
    </ContentTemplate>
    </ajaxToolkit:TabPanel>

    Sunday, February 2, 2014 9:20 AM