Jquery's 3 pane splitter(jquery.layout.js) not working in asp.net 4.0 but its working in asp.net 2.0 RRS feed

  • Question

  • User-1355816385 posted

    Im using jquery.layout.js to split the screen in 6 pane (north, south, east, west and center). Its is not working in asp.net 4.0. are there any frame work related issues?

    following is my code which is in master page

    <head runat="server">
        <script type="text/javascript" src="js/jquery.js"></script>
      <script type="text/javascript" src="js/jquery.layout.js"></script>
      <script type="text/javascript" src="js/jquery.ui.all.js"></script>
      <script type="text/javascript">
    $(document).ready(function () {
            $('body').layout({ applyDefaultStyles: true });

        <form id="form1" runat="server">
      <div class="ui-layout-center">Center</div>
      <div class="ui-layout-north">North</div>
      <div class="ui-layout-south">South</div>
      <div class="ui-layout-east">
          <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></div>
      <div class="ui-layout-west"><asp:contentplaceholder id="ContentPlaceHolder1" runat="server">


    Thursday, February 2, 2012 3:56 AM


  • User-474980206 posted

    as docs point out clearly, the divs, must be the immediate children of the container layout is called on. 

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Thursday, February 2, 2012 10:50 PM