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("Telerik 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%;

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

See Also

In this article