title: using kendoui splitter class in angular
body: <p>How can I use angular-kendoui with the splitter class? i have wrote</p>
  
  <pre><code>&lt;div kendo-splitter k-option-orientation="horizontal" style="height: 600px; width: 100%;"&gt;
  &lt;div id="top_pane"&gt;
      &lt;p&gt;Left pane&lt;/p&gt;
  &lt;/div&gt;
  &lt;div&gt;
      &lt;div&gt;
          &lt;p&gt;Right pane&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>but how can I add the panes data?</p>
  
  <p>ok, found it</p>
  
  <pre><code>&lt;div kendo-splitter k-orientation="'horizontal'" k-panes='[{ collapsible: true, size: "0%" }
                                                      , { collapsible: false }
                                                      , { collapsible: true, size: "0%" }]' k-resize="onResize" style="height: 200px; width: 100%;"&gt;
  &lt;div&gt;
      Incidents
  &lt;/div&gt;
  &lt;div&gt;
      Video
  &lt;/div&gt;
  &lt;div&gt;
      Sensors
  &lt;/div&gt;
  </code></pre>
  
  <p></p>