size

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.

Parameters

pane String|Element|jQuery

The pane to be resized.

value String (optional)

The new size of the pane defined as pixels (i.e. "200px") or as a percentage (i.e. "50%"). Note: This value must not exceed panes.max or be less then panes.min.

Returns

Object the pane size.

Example

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

Example

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