Hello mdmings517,
In the API documentation you can find the reference to ‘min’ field on ‘panels’ property(the jsfiddle example shows how to use ‘min’ property). Here is an example with three vertical panels which shows how to set the third panel as not collapsible:
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxsplitter.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#mainSplitter').jqxSplitter({ width: 605, height: 400, panels: [{ size: 300 }] });
$('#leftSplitter').jqxSplitter({ width: 305, height: 400, panels: [{ size: 150 }] });
});
</script>
</head>
<body>
<div id="mainSplitter">
<div>
<div id="leftSplitter">
<div>
Left Panel
</div>
<div>
Middle Panel
</div>
</div>
</div>
<div>
Right Panel
</div>
</div>
</body>
</html>
Best Regards,
Nadezhda
jQWidgets team
http://www.jqwidgets.com/
