Click here to Skip to main content
15,892,059 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi,

I have used Ajax Tab panel for tabbing. my requirement is- while click on proceed to next page button, it should redirect to next tab with different data.

this is my code for tabbing. i want to add one button in first tab. while clicking on proceed to next page button, it should redirect to next tab. How to do

XML
<Ajx:ToolkitScriptManager runat="Server" EnablePartialRendering="true" ID="ScriptManager1" />
        <Ajx:TabContainer runat="server" ID="Tabs" Visible="true" CssClass="Tab">
            <Ajx:TabPanel runat="server" ID="Panel1" HeaderText="Workforce" Width="50px">
                <ContentTemplate>
                    <iframe id="Iframe1" src="WorkForce.aspx" runat="server" width="100%" height="450px">
                    </iframe>
                </ContentTemplate>
            </Ajx:TabPanel>
            <Ajx:TabPanel runat="server" ID="Panel3" HeaderText="ThirdPartyWorkForce">
                <ContentTemplate>
                    <iframe id="Iframe2" src="ThirdPartyWorkForce.aspx" runat="server" width="100%" height="650px">
                    </iframe>
                </ContentTemplate>
            </Ajx:TabPanel>
        </Ajx:TabContainer>
Posted

1 solution

TabContainer has one property called "ActiveTabIndex" first you need to set this index to '0'(zero).After that if you want to move from one tab panel to other tab panel you need to set this ActiveTabIndex.

here in your next button click

Tabs.ActiveTabIndex = 1; 
 
Share this answer
 
Comments
kamalsekhar 26-Feb-14 2:36am    
Hi,
How to use button inside the TabContainer ?

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900