title: Telerik MVC Splitter maximum height
body: <p>I am using the Telerik MVC splitter and I would like this to be displayed at 100% of the height of the container (i.e. have a height of 100%).  Currently the panel is being displayed at a fixed height of 600px.  I have tried experimenting with the .HtmlAttributes but this has not helped at all.  Any ideas?  Here is the div containing the splitter</p>
  
  <pre><code>&lt;div&gt;
  &lt;% Html.Telerik().Splitter().Name("MainPanelSet")
         .Orientation(SplitterOrientation.Horizontal)
         .Panes(hPanes =&gt;
             {
                 hPanes.Add()
                     .Size("25%")
                     .MaxSize("50%")
                     .MinSize("5%")
                     .Scrollable(true)
                     .Resizable(true)
                     .Collapsible(true)
                     .Content(() =&gt;
                     {%&gt; 
                          &lt;p&gt;panel here 1&lt;/p&gt;
                      &lt;%});
                 hPanes.Add()
                     .Size("50%")
                     .MaxSize("50%")
                     .MinSize("5%")
                     .Scrollable(true)
                     .Resizable(true)
                     .Content(() =&gt;
                     {%&gt; 
                      &lt;p&gt;panel here 2&lt;/p&gt;
                      &lt;%});
                 hPanes.Add()
                     .Size("25%")
                     .MaxSize("25%")
                     .MinSize("5%")
                     .Scrollable(true)
                     .Resizable(true)
                     .Collapsible(true)
                     .Content(() =&gt;
                     {%&gt; 
                      &lt;p&gt;panel here 3&lt;/p&gt;
                      &lt;%});
             }).Render();
          %&gt;
  </code></pre>
  
  <p></p>