Category >
ASP.NET
|| Published on :
Wednesday, February 17, 2016 || Views:
10918
||
Create Tab Control Using jQuery In Asp.Net Create Tab Control
Introduction
Here Pawan Kumar will explain How to Create Tab Control Using jQuery In Asp.Net
Description
In previous post I have explained
Save data to database without postback using jQuery ajax in ASP.NET,
How to set focus on first textbox of the page,
Assign datepicker to runtime/dynamic textboxes in ASP.NET using jQuery,
Show Asp.Net Gridview Row Details using Bootstrap Tooltip on MouseHover GridView Row Cell,
Best 7 Resources for 3 tier architecture Asp.Net,
Show Hide Password Using Javascript ASP.NET, and many more articles.
Now I will explain How to How to Create Tab Control Using jQuery In Asp.Net
So follow the steps to learn How to Create Tab Control Using jQuery In Asp.Net
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<head runat="server">
<title>How to Create Tab Control Using jQuery In Asp.Net</title>
<style>
body {
font-size: 11px;
}
</style>
<script>
$(function () {
$("#countrytabs").tabs();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="countrytabs">
<ul>
<li><a href="#countrytabs-1">Regsiter</a></li>
<li><a href="#countrytabs-2">Login</a></li>
<li><a href="#countrytabs-3">Forgot Password</a></li>
</ul>
<div id="countrytabs-1">
<p>
<h2>Tab 1 content 1</h2>
</p>
</div>
<div id="countrytabs-2">
<p>
<h2>Tab 2 content 2</h2>
</p>
</div>
<div id="countrytabs-3">
<p>
<h2>Tab 3 content 3</h2>
</p>
</div>
</div>
</form>
</body>
</html>
|
Conclusion:
So, In this tutorial we have learned, How to Create Tab Control Using jQuery In Asp.Net
Download Source Codes