Edit this page

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.

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>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy