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

Append

methods

Appends a new pane. 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.

append

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
var newPane = splitter.append({
  size: "100px",
  collapsible: true
});

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