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

Content Operations

You can use any valid technique for loading Splitter content.

However, the Splitter provides built-in support for asynchronously loading content from URLs. These URLs return HTML fragments that can be loaded in the pane of a Splitter. To load a whole page in an iframe, specify the complete URL, for example, https://www.telerik.com/.

The following example demonstrates how to load the Splitter content asynchronously.

<div id="splitter">
    <div>Area 1 with Static Content</div>
    <div></div>
    <div></div>
</div>

The following example demonstrates how to load content for one pane asynchronously and load a third pane in an iframe.

$(document).ready(function() {
    $("#splitter").kendoSplitter({
        panes: [
            {},
            { contentUrl: "html-content-snippet.html" },
            { contentUrl: "https://www.telerik.com/" }
        ]
    });
});

See Also

In this article