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

Size

methods

Get or set the size of the pane. Setting this value will cause the widget to redraw and it will trigger the resize event.

Note: The correct usage of the method requires that the size of the panes should be set either through the panes.size property or the size method. Otherwise, the method will return undefined.

size

Parameters:paneString|Element|jQuery

The pane to be resized.

Returns:Object

the pane size.

<div id="splitter">
  <div>Pane A</div>
  <div>Pane B</div>
</div>
<script>
$("#splitter").kendoSplitter();
var splitter = $("#splitter").data("kendoSplitter");
var size = splitter.size(".k-pane:first");
</script>

<div id="splitter">
  <div>Pane A</div>
  <div>Pane B</div>
</div>
<script>
$("#splitter").kendoSplitter();
var splitter = $("#splitter").data("kendoSplitter");
splitter.size(".k-pane:first", "40%");
</script>