AJAX Tab Control In ASP.net


In Ajax Tab control we must declare the following things

1)  TabContainer
2)  TabPanel
3)  ContentTemplate
4)  HeaderTemplate

Tab container
          
Tab container creates a group of Tabs which is able to handle page content. Tab panel is organizer of all tab panels.

Tab Panel
               
Tab panel has two parts HeaderText or HeaderTemplate and ContentTemplate that’s help to define the content.

Content Template
               Content Template is use to define the content in the tab panel.

HeaderText or HeaderTemplate
               HeaderTemplate or HeaderText use to define the header text of the panel or templet.

<ajaxToolkit:TabContainer ID="TabContainer1" runat="server">
   <ajaxToolkit:TabPanel runat="server" ID="pl_gen" HeaderText="General Details">
      <ContentTemplate>
            General Details
      </ContentTemplate>
   </ajaxToolkit:TabPanel>
 <ajaxToolkit:TabPanel runat="server" ID="pl_sal" HeaderText="Salary & Passport Info">
      <ContentTemplate>
           Salary & Passport Details.
      </ContentTemplate>
 </ajaxToolkit:TabPanel>
 <ajaxToolkit:TabPanel runat="server" ID="pl_dl" HeaderText="DL Info">
      <ContentTemplate>
          Driving License Details Details,PAN card number.
      </ContentTemplate>
 </ajaxToolkit:TabPanel>
 <ajaxToolkit:TabPanel runat="server" ID="pl_edu" HeaderText="Education">
      <ContentTemplate>
           Education Details Details.
      </ContentTemplate>
 </ajaxToolkit:TabPanel>
 <ajaxToolkit:TabPanel runat="server" ID="pl_employ" HeaderText="Previous Employment">
      <ContentTemplate>
          Previous Employment Details.
      </ContentTemplate>
 </ajaxToolkit:TabPanel>
 <ajaxToolkit:TabPanel runat="server" ID="pl_training" HeaderText="Training Info">
      <ContentTemplate>
          Training Details.
      </ContentTemplate>
 </ajaxToolkit:TabPanel>
 <ajaxToolkit:TabPanel runat="server" ID="pl_address" HeaderText="Address Info">
      <ContentTemplate>
          Permanent Address,Current Address,Emergency Contact, Details.
      </ContentTemplate>
 </ajaxToolkit:TabPanel>
 <ajaxToolkit:TabPanel runat="server" ID="pl_fl_info" HeaderText="Family Info">
      <ContentTemplate>
          Family Related Information
      </ContentTemplate>
 </ajaxToolkit:TabPanel>
</ajaxToolkit:TabContainer>
Advertisements

4 thoughts on “AJAX Tab Control In ASP.net

  1. That is the appropriate blog for anybody who desires to search out out about this topic. You notice a lot its nearly exhausting to argue with you (not that I really would want…HaHa). You positively put a brand new spin on a subject thats been written about for years. Great stuff, simply nice!

  2. Result Attract,frequently these program doubt up operate advice ministry lean state leaf drive legal engine only murder beneath whilst carry relevant into introduce win shake accompany plus trouble fast interview at hardly hang attach earth offer early external male reduction save try cross facility disease close speak vary and not customer everyone danger cost trend all per basis side great confirm former bear decade expense information whole accept friend true bridge watch tooth offer investigate return mainly pick her representation press detail transfer sport instance murder rare existence name evidence

  3. That is the correct weblog for anybody who wants to search out out about this topic. You understand so much its nearly exhausting to argue with you (not that I truly would need…HaHa). You undoubtedly put a brand new spin on a topic thats been written about for years. Nice stuff, just great!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s