Home » ASP.NET AJAX, Tech Corner

Ajax Tabs

30 March 2009 No Comments Posted By:Vivek

We have seen a lot of sites having tabs.This can be done using the Ajax tabcontainer control

<ajax:TabContainer Id="tabContainer" runat="server" Height="506px" Width="100%"

style="margin-right: 86px" ActiveTabIndex="0" >

<ajax:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel1">

<HeaderTemplate>

TabPanelName//Just add a name according to your need

</HeaderTemplate>

<ContentTemplate>

Name

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<asp:Button ID="Button1" runat="server" Text="Button" />

</ContentTemplate>

</ajax:TabPanel>

</ajax:TabContainer>

Note that the tabcontainer prefix starts with ajax( ajax:TabContainer>).
The prefix is the same as that given when the namespace was registered.

TabContainer

TabContainer

Related posts:

  1. ValidatorCalloutExtender
  2. TextBoxWatermarkExtender
  3. CollapsiblePanel
  4. Calender Extender
  5. Accordion

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>