New to Kendo UI for jQuery? Download free 30-day trial

Add an Auto-Resizing Splitter to the Window


Product Progress® Kendo UI® Window for jQuery
Operating System Windows 10 64bit
Visual Studio Version Visual Studio 2017
Preferred Language JavaScript


How can I add a Splitter that resizes automatically along with the Kendo UI Window component?


The example below demonstrates how to achieve the desired scenario.

        font: 12px sans-serif;

        border-width: 0;
        height: 100%;

        padding: 0;
        overflow: hidden;
    <div id="win">
      <div id="splitter">
        <div>left pane <br /><br />
          Please resize the Window and watch the Splitter resize automatically.</div>
        <div>right pane</div>
        title: "Kendo UI Window",
        modal: true,
        width: 400,
        height: 250

        panes: [{},{}]

See Also

In this article