New to Telerik UI for ASP.NET MVC? Download free 30-day trial

Auto-Resizing to Window

You can add a Splitter that resizes automatically along with the Kendo UI for jQuery Window widget.

                    .Title("Kendo UI Window")


<script id="template" type="text/x-kendo-template">
                    .Panes(verticalPane =>
                        verticalPane.Add().Collapsible(true).Content("left pane <br /><br /> Please resize the Window and watch the Splitter resize automatically.");
                        verticalPane.Add().Collapsible(true).Content("right pane");

    $(function () {
        var template = kendo.template($("#template").html());

    html {
        font: 12px sans-serif;

    #splitter {
        border-width: 0;
        height: 100%;

    #win {
        padding: 0;
        overflow: hidden;
    public class SplitterController : Controller
        public IActionResult Index()
            return View();

See Also

In this article