insertAfter

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.

Parameters

config Object

The new pane configuration.

referencePane String|Element|jQuery

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

Example

<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>

Returns

jQuery the pane element.

In this article