Edit this page

insertBefore

Inserts a new pane before 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 before 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 before the last pane
var newPane = splitter.insertBefore({ size: "100px" }, ".k-pane:last");

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

Returns

jQuery the pane element.

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy