Kendo splitter - 100 % height

4 posts, 0 answers
  1. Anupama
    Anupama avatar
    3 posts
    Member since:
    Apr 2012

    Posted 09 Mar 2013 Link to this post

    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.
  2. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 11 Mar 2013 Link to this post

    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
    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
  4. Anupama
    Anupama avatar
    3 posts
    Member since:
    Apr 2012

    Posted 12 Mar 2013 Link to this post

    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
  5. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 12 Mar 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready