This is a migrated thread and some comments may be shown as answers.

A bug in a splitter component

2 Answers 660 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

2 Answers, 1 is accepted

answered on 30 May 2018, 11:28 AM

Hi Sergey,

Thank you for the provided sample plunker.

In order to be able to resize a Splitter pane we need to set its size. If we want to be able to resize the top and bottom panes, then we need to update the example as follows:

<kendo-splitter style="height: 500px;" orientation="vertical">

<kendo-splitter-pane [scrollable]="true" size="20%">

<h3>Scrollable content 1</h3>

<div style="height: 600px">123</div>

</kendo-splitter-pane>

<kendo-splitter-pane [scrollable]="true">

<h3>Scrollable content 2</h3>

</kendo-splitter-pane>

<kendo-splitter-pane [scrollable]="true" size="20%">

<h3>Scrollable content 3</h3>

</kendo-splitter-pane>

</kendo-splitter>

Indeed, this is not well noted in our documentation and we will make sure to update it accordingly.

Note that we always need to not set the size of at least one of the available Splitter panes as demonstrated in the following article:

https://www.telerik.com/kendo-angular-ui/components/layout/splitter/panes/#toc-specifying-the-dimensions

I hope this helps.

Regards,
Svetlin
Progress Telerik

Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.