This is a migrated thread and some comments may be shown as answers.

Set middle splitter in auto height

1 Answer 90 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Rinaldo
Top achievements
Rank 1
Rinaldo asked on 19 Oct 2012, 04:37 PM
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

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 22 Oct 2012, 03:00 PM
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!
Tags
Splitter
Asked by
Rinaldo
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or