Height not set on vertical split container

[Gary]

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

[Dimo]

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

[Gary]

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

[Dimo]

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

[Gary]

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