Auto Expanding Splitter

by wrxsti85

HTML

<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css">
        <div id="horizontal" style="height: 100%; width: 100%;">
            <div>
                <p>
                    Inner splitter :: left pane
                </p>
            </div>
            <div>

            <div>
                <p>
                    Inner splitter :: right pane
                </p>
            </div>
        </div>
    </div>
</div>

CSS

html,body{height:100%;margin:0;padding:0;overflow:hidden}

#vertical{height:100%;}
#horizontal{width:100%;height:100%;}

JavaScript

$("#horizontal").kendoSplitter({
    panes: [
    {collapsible: false},
    {collapsible: false}
    ]
});