title: how to vary splitter height dynamically in kendoUI splitter
body: <p>I am using kendoUI splitter.In the left side I have a panel bar and in the right side I have the tabs.I want to increase  the splitter height dynamically with the tab content height ,can any one help me how to do this.
  I have defined like</p>
  
  <pre><code>$("#splitter").kendoSplitter({            //To Display horizantal splitter
                          panes: [
                                              { collapsible: true, size: "50%" },
                                              { collapsible: true, size: "50%" }],
                       orientation: "horizontal",
        resize: function () {
          alert($("#splitter").find(".k-pane")[1].scrollHeight);
         //$("#splitter").css("height", $("#splitter").find(".k-pane")[1].scrollHeight);
       }
       });
  </code></pre>
  
  <p>but I am gettting "0" in the alert.</p>