Currently, it is not possible to define a static pane in the Splitter with a fixed size that does not change when interacting with the surrounding panes, unless it is configured as non-resizable. In turn, configuring a pane as non-resizable affects the resizing ability of the surrounding panes as well, which means that they also become non-resizable.

It would be great if the Splitter could provide the ability to configure a static pane with a fixed size that is not affected by other functionalities like resizing, and in turn, have the possibility to resize the surrounding panes of a non-resizable pane.

When the values of the min and max properties of a Splitter pane contain both percentage and pixel values, there are cases when the values contradict with each other in different screen sizes. 

For example, if a Splitter pane's min is set to 100px and the max property is set to 20%, in certain screen sizes, the maximum 20% space that the Splitter should occupy may be smaller than 100px. 

It will be great if the Splitter can be enhanced with the ability to define which property should take priority over the other in order to handle such scenarios. 

In the Kendo for Angular Splitter component, adding or removing items from the bound array causes all panes to re-render, even if only one pane is affected. This results in unnecessary content reloads—for example, iframes inside panes are forced to reload, disrupting the user experience.

This behavior appears to stem from change detection triggering full DOM updates within the Splitter. We propose optimizing the component to prevent unnecessary re-renders of unchanged panes, improving performance, and preserving pane content during dynamic updates (similar to version 6.3.0).

Example with CSS that visually demonstrates the re-rendering of content - https://stackblitz.com/edit/angular-p7g2g477-8buqmjpe

The second example which is similar to the above - https://stackblitz.com/edit/angular-p7g2g477

 

Provide an option that would allow developers to set the values of aria attributes like aria-valuenow, aria-valuemin and aria-valuemax to the separator elements.

Hello Kendo,

 

In our company more than 5 projects we are using Kendo Splitter. We really need to have Animation in Splitter collapse/expand event

 

thanks

Hi,

It will be a nice addition to the component if a resizeStart and resizeEnd events are introduced to the component. These events will fire once and will be useful for API calls or other operations that need to be called once as the current resize event fires multiple times.

Thank you for your consideration.

Hi,

It would be a good addition to the component if we had the option to set the collapsed size like Kendo jQuery:

https://docs.telerik.com/kendo-ui/api/javascript/ui/splitter/configuration/panes#panescollapsedsize

Thank you.

We have a requirement for our client where we should provide the following (see screenshot)

 

As you can see the Splitter is perfect for this. Unfortunately, at the moment the Divider cannot be customized. Yet we need to be able to add a title (here "Communication") and a badge (or label) with dynamic content.

 

Could this be implemented in a future version ?

 

It would be great if there was some way to customize the complete look and feel of the splitter control. 

I would think this would be possible via a custom template, similar to how one does a cell template for the grid control.