Set middle splitter in auto height

[Rinaldo]

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

[Dimo]

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