How to add a tab control in asp .net page using jQuery?

Posted by Pgayath under jQuery category on | Points: 40 | Views : 4223
<html xmlns="" > 
<head runat="server">
<title>JQuery Demo</title>
<link href="jquery-ui-1.8.1.custom.css" rel="stylesheet" type="text/css" />
<script src="" type="text/javascript"></script>
<script src="" type="text/javascript"></script>

<script type="text/javascript">
$(function() {

<form id="form1" runat="server">
<div id="tabContainer">
<li><a href="#tab0"><span>FIRST</span></a></li>
<li><a href="#tab1"><span>SECOND</span></a></li>
<li><a href="#tab2"><span>THIRD</span></a></li>

<div id="tab0" >
<asp:Button ID="Button1" runat="server"
Text="First Tab Button" />
<div id="tab1">
<asp:Button ID="Button2" runat="server"
Text="Second Tab Button" />
<div id="tab2">
<asp:Button ID="Button3" runat="server"
Text="Third Tab Button" />

Comments or Responses

Posted by: Kumaran1987 on: 2/12/2013 Level:Starter | Status: [Member] | Points: 10
see this link

Here I've used in same Tab;

But you will change it Code behind ; because I have used Enum operations to make a tab positions in default.aspx.cs page

so hopefully you can change Enum values as according to your requirements

Login to post response