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

InsertAfter

methods

Inserts a new pane after the specified one. The method returns the pane element, so it can be populated with arbitrary content, if contentUrl is not set. Invoking this method will force the widget to redraw and it will trigger the resize event.

insertAfter

Parameters:configObject

The new pane configuration.

referencePaneString|Element|jQuery

The existing pane after which the new one will be inserted.

Returns:jQuery

the pane element.

<div id="splitter">
  <div>Pane A</div>
  <div>Pane B</div>
</div>
<script>
$("#splitter").kendoSplitter();
var splitter = $("#splitter").data("kendoSplitter");

// append a 100px collapsible pane after the first pane
var newPane = splitter.insertAfter({ size: "100px" }, ".k-pane:first");

// set the content of the new pane to "foo"
newPane.html("foo");
</script>