Ajax (Asynchronous JavaScript and XML) is a new web development technique for interactive websites. With AJAX help we can develop web applications and retrieve small amounts of data from a web server. AJAX consists of a different type of technology.

JavaScript

XML

Asynchronous Call to the server

TabContainer

The TabContainer creates a set of Tabs that can be used to save screen space and organize content. The TabContainer contains a number of TabPanel controls. We can place our controls inside each TabPanel.

Property

ActiveTabIndex

CssClass

AutoPostBack

ClientIDMode

Step 1 : Open Visual Studio 2010.

Go to File->New->WebSite

Select ASP.NET Empty WebSite

Step 2 : Go to Solution Explorer and right-click.

Select Add->New Item

Select WebForm

Default.aspx page open

Step 3 : Go to Default.aspx page and click on the [Design] option and drag the following controls from the Toolbox:

<styletype="text/css">.TabHeaderCSS {font-family: @FangSong,Arial,"Courier New";font-size: 50px;background-color: Silver;text-align:center;cursor: pointer; }</style></head><body><formid="form1"runat="server"><asp:ScriptManagerID="ScriptManager2"runat="server"></asp:ScriptManager><divstyle="background-color: #8ADBD9"><asp:TabContainerID="TabContainer1"runat="server"ActiveTabIndex="0"CssClass="TabHeaderCSS"BackColor="#91D5C0"><asp:TabPanelID="TabPanel1"runat="server"HeaderText="TabPanel1"><ContentTemplate><asp:TextBoxID="TextBox1"runat="server"></asp:TextBox><br/><asp:ButtonID="Button1"runat="server"Text="Button"/></ContentTemplate></asp:TabPanel><br/><br/><br/><Br/><asp:TabPanelID="TabPanel2"runat="server"HeaderText="TabPanel2"><ContentTemplate><asp:TextBoxID="TextBox2"runat="server"></asp:TextBox><br/><asp:ButtonID="Button2"runat="server"Text="Button"/></ContentTemplate></asp:TabPanel><br/><asp:TabPanelID="TabPanel3"runat="server"HeaderText="TabPanel3"><ContentTemplate><asp:TextBoxID="TextBox3"runat="server"BackColor="#30CF9B"></asp:TextBox><br/><asp:ButtonID="Button3"runat="server"Text="Button"onclick="Button3_Click"Height="25px"/></ContentTemplate></asp:TabPanel></asp:TabContainer><asp:LabelID="Label1"runat="server"Text="Label"></asp:Label><br/><br/><br/><br/></div></form></body></html>Step 7 : Go to the Default.aspx[Design] option and click on the Button control and write the following code: