Kendo splitter - 100 % height

[Subhash]

Hi

I want to keep the both panes inside a container to have 100% height. The panes should fit to content. But it is taking the default height as 300px.

[Dimo]

Hello Anupama,

Please set a 100% height style to the <div> element, which is used to create the Splitter. Please be aware of the web standards related to percentage heights and make sure the <div> is as high as expected before the Splitter is initialized.

Regards,
Dimo
the Telerik team

[Subhash]

Hi dimo

I tried by giving 100% height to the div which is used to create the splitter and also the parent element containing the div. Still the issue exist. Can you please suggest a approach to fix this issue?

Thanks
Anupama

[Dimo]

Hi Anupama,

Is the <div> 100% high at the time the Spltiter is created? If not, then the problem is not related to Kendo UI and you need to add some missing (100% or pixel) height styles to the <div>'s ancestor elements.

Here is a 100% high Splitter implementation that you can use as a reference.

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

Regards,
Dimo
the Telerik team