Hi even This is not working. I have tried this...but not getting any result...
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MyMaster.master.cs" Inherits="My_Samples.MyMaster" %>
<head>
<style type="text/css">
.style1
{
width: 100%;
}
#header
{
background: #c4dcfb;
height: 5%;
}
/* Header */
#MySplitter
{
/* Main splitter element */
height: 95%;
width: 100%;
margin: 0;
padding: 0;
}
#Leftpane
{
float: left;
width: 98%;
height: 57px;
border-top: solid 1px #9cbdff;
background: #c4dcfb;
overflow: auto;
}
#Rightpane
{
/*Contains toolbar and horizontal splitter*/
float: right;
width: 85%;
height: 100%;
background: #f4f4f4;
}
/* Splitbar styles; these are the default class names and required styles */
.splitbarV
{
float: left;
width: 6px;
height: 100%;
line-height: 0px;
font-size: 0px;
border-left: solid 1px #9cbdff;
border-right: solid 1px #9cbdff;
background: #cbe1fb url(~/Images/panev.gif) 0% 50%;
}
.splitbuttonV
{
margin-top: -41px;
margin-left: -4px;
top: 50%;
position: relative;
height: 83px;
width: 10px;
background: transparent url(~/Images/panevc.gif) 10px 50%;
}
.splitbuttonV.invert
{
margin-left: 0px;
background: transparent url(~/Images/panevc.gif) 0px 50%;
}
.splitbarV.working, .splitbuttonV.working,
{
-moz-opacity: .50;
filter: alpha(opacity=50);
opacity: .50;
}
.style2
{
width: 580px;
}
</style>
<script type="text/javascript" src="Scripts/jquery-1.4.4.js"></script>
<script type="text/javascript" src="Scripts/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="Scripts/splitter.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#MySplitter").splitter({ minAsize: 100, maxAsize: 300, splitVertical: true, A: $('#Leftpane'), B: $('#Rightpane'), slave: $("#Rightpane"), closeableto: 0 });
});
</script>
</head>
<form id="form1" runat="server">
<asp:scriptmanager runat="server">
</asp:scriptmanager>
<div id="MySplitter">
<table class="style1">
<tr>
<td align="center" class="style2" valign="middle">
<div id="Leftpane" align="center">
<asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
<asp:TextBox ID="TextBox1" runat="server">left pane</asp:TextBox>
</asp:contentplaceholder>
</div>
</td>
<td align="center" valign="middle">
<div id="Rightpane" align="center">
<asp:contentplaceholder id="ContentPlaceHolder2" runat="server">
</asp:contentplaceholder>
</div>
</td>
</tr>
</table>
</div>
</form>