title: Vary the height of the splitter dynamically
body: <p>I have implemented kendoUI splitter in my application. I want to vary the height of the splitter dynamically. I defined the splitter like this:</p>
  
  <pre><code>&lt;div id="splitter" style="height:500px;width:100%"&gt;
    &lt;div id="leftPane"&gt;&lt;/div&gt;
    &lt;div id="rightPane"&gt;&lt;/div&gt;
  &lt;/div&gt;
  $("#splitter").kendoSplitter({
    panes: [
      { collapsible: true, size: "50%" },
      { collapsible: true, size: "50%" }
    ],
    orientation: "horizontal",
  });
  </code></pre>
  
  <p>I don't want to display the scrollbar in the panes. I want to increase the height of the splitter, in order to remove the scrollbar. Can you tell me how to implement this?</p>