jQWidgets Forums

jQuery UI Widgets Forums Layouts Splitter Very simple one: 3 horizontal splitter

This topic contains 2 replies, has 2 voices, and was last updated by  sergion 12 years ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author

  • sergion
    Participant

    Hello,

    I want to have a panel of 900px with 3 sections of 300px each one. The below code works perfectly to a two split solution.

    Again, I’m missing something very obvious, but…

    <script>
    $(document).ready(function () {
     var theme = 'summer';
     $('#mainSplitter').jqxSplitter({ 
     width: 900, 
     height: 480, 
     theme: theme, 
     panels: 
     [
     { size: 300}, 
     { size: 300},
     { size: 300}
     ]
     })
    </script>
    </head>
    <body class='default'>
     <div id='jqxWidget'>
     <div id="mainSplitter">
     <div class="splitter-panel">
     Panel 1</div>
     <div class="splitter-panel">
     Panel 2</div>
     <div class="splitter-panel">
     Panel 3</div>
     </div>
     </div>
    </body>
    
    
    Thanks in advance,Regards, Sergio

    Peter Stoev
    Keymaster

    Hi sergion,

    That is not possible in the way you try to use it. jqxSplitter can have up to 2 panels. To have additional SplitBars, you will have to create a another instance of jqxSplitter. For creating nested Splitters, see: jquery-splitter-getting-started.htm.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    Very simple one: 3 horizontal splitter #19642

    sergion
    Participant

    Hello, Peter.

    Thanks a lot. Will try soon.

    Regards,

    Sergio

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.