Set middle splitter in auto height

2 posts, 0 answers
  1. Rinaldo
    Rinaldo avatar
    5 posts
    Member since:
    Jul 2010

    Posted 19 Oct 2012 Link to this post

    Dear,
    I have three vertical splitter like this:

    $("#vertical").kendoSplitter({
          orientation: "vertical",
          panes: [
          {
             collapsible: false,
             resizable: false,
             size: "80px"
          },
          {
             collapsible: false,
             resizable: true,
             size: "500px"
          },
          {
             collapsible: false,
             resizable: true,
             size: "300px"
          }
          ]
       });


    I would like set the middle splitter in auto height.
    I would like have the first splitter on top of window and the third splitter on bottom of window and the second splitter must be changed height with resizing window.

    Is there a way to have this result ?

    Thanks,
    Rinaldo
  2. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 22 Oct 2012 Link to this post

    Hello Rinaldo,

    Yes, simply do not set explicit height to the middle pane and make sure the Splitter expands to fill the entire web page:

    http://jsfiddle.net/dimodi/QZcH7/

    Regards,
    Dimo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
Back to Top