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, http://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: "http://telerik.com/" }
        ]
    });
});

See Also

In this article
Not finding the help you need? Improve this article