Height not set on vertical split container

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

    Posted 12 Jan 2012 Link to this post

    The panes and split bars within the overall splitter bar container all have absolute positioning set, which puts them outside the document flow. However, the container height is not set by the splitter bar, so markup after the container is positioned within the container area rather than below it.

    I think it would be a good idea to manage the size of the splitter bar container in conjunction with calculating the pane and split bar positions.

    Or, is there already a solution to this that I missed?

    Regards,
    Gary


  2.
  3. Dimo
    Admin
    Dimo avatar
    8486 posts

    Posted 12 Jan 2012 Link to this post

    Hello Gary,

    The Splitter is designed to have an explicit pixel or percentage height. The panes and splitbars are positioned and sized in accordance with this height. If none is supplied, a default value of 300px is applied from the CSS code. In case you have removed that, the widget will not work properly.

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

    Posted 12 Jan 2012 Link to this post

    I did not remove the 300px height.

    My configuration looks like this:

            $(".dashboard").kendoSplitter({
            panes: [
                {
                    size: "208px"
                },
                {
                    size: "136px"
                },
                {
                    size: "136px"
                }],
            orientation: "vertical"
        });

    The problem is that my panes are taller than 300px. I want the Splitter to honor the height the of its contents.

    Regards,
    Gary



  7. Dimo
    Admin
    Dimo avatar
    8486 posts

    Posted 12 Jan 2012 Link to this post

    Hello Gary,

    I am afraid the Splitter does not behave this way. Its logic goes from the outside to the inside, which matches the majority of use cases, in which one has some total available space and wants to fill it with several containers.

    I recommend you to set an overall Splitter height and remove one pane height.

    We may consider supporting your scenario out-of-the-box in the future.

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

    Posted 12 Jan 2012 Link to this post

    Good logic explanation. The behavior of the splitter is clear to me now. Thanks!
Back to Top