Step 1: - Right Click on Project Root folder => Click on Manage NuGet Packages… => Search Ajax in search box and Select AjaxControlToolkit from list =>
Click on Install button
Step 2: - Add AjaxTabContainer.aspx Web Form page in project
Step 3: - Design Page
Code
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxTabContainer.aspx.cs" Inherits="AjaxControls.AjaxTabContainer" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager runat="server">
</asp:ScriptManager>
<asp:TabContainer ID="TabContainer1" runat="server">
<asp:TabPanel ID="TabPanel1" runat="server">
<HeaderTemplate>
TabPanel1
</HeaderTemplate>
<ContentTemplate>
TabPanel1
</ContentTemplate>
</asp:TabPanel>
<asp:TabPanel ID="TabPanel2" runat="server">
<HeaderTemplate>
TabPanel2
</HeaderTemplate>
<ContentTemplate>
TabPanel2
</ContentTemplate>
</asp:TabPanel>
<asp:TabPanel ID="TabPanel3" runat="server">
<HeaderTemplate>
TabPanel3
</HeaderTemplate>
<ContentTemplate>
TabPanel3
</ContentTemplate>
</asp:TabPanel>
</asp:TabContainer>
</div>
</form>
</body>
</html>
Step 4: - Output
Nice Post. Keep sharing Tableau Training
ReplyDeleteAWS training
Dot Net Training
DevOps Training
Selenium Training