Resize splitter panes to eliminate scrollbars?

4 posts, 0 answers
  1. Gary
    Gary avatar
    62 posts
    Member since:
    Sep 2013

    Posted 06 Jan 2012 Link to this post

    I am using the splitter with a vertical orientation, and I would like to know if it is possible to set the height of the splitter panes so that their contents are initially shown without a scrollbar?

    Thanks,
    Gary
  2. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 09 Jan 2012 Link to this post

    Hello Gary,

    I am not sure I understand your question. Is it the following that you want to achieve:

    1) several Splitter panes stacked vertically
    2) each pane has content with random height
    3) each pane has no explicit height set
    4) the panes should be sized in such a way, so that no scrollbars are needed, but the sum of the pane heights (i.e. the Splitter height) is predefined

    Let me know if I am missing something.

    Kind 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. Gary
    Gary avatar
    62 posts
    Member since:
    Sep 2013

    Posted 09 Jan 2012 Link to this post

    Sorry, it is a horizontal orientation. Items 2, 3 and 4 are correct. Thanks!
  5. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 09 Jan 2012 Link to this post

    Hello Gary,

    I see. Generally, the Splitter is not designed to work without any height set, that's why it has a default one of 300px. This height cannot be removed, because the layout will become garbled.

    What I recommend you is to get the height of all <div>s that will become Splitter panes before the Splitter initialization statement. Then set the largest height of these as an inline height style to the outer Splitter <div>.

    All the best,
    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