Hello,
I want to have a panel of 900px with 3 sections of 300px each one. The below code works perfectly to a two split solution.
Again, I’m missing something very obvious, but…
<script>
$(document).ready(function () {
var theme = 'summer';
$('#mainSplitter').jqxSplitter({
width: 900,
height: 480,
theme: theme,
panels:
[
{ size: 300},
{ size: 300},
{ size: 300}
]
})
</script>
</head>
<body class='default'>
<div id='jqxWidget'>
<div id="mainSplitter">
<div class="splitter-panel">
Panel 1</div>
<div class="splitter-panel">
Panel 2</div>
<div class="splitter-panel">
Panel 3</div>
</div>
</div>
</body>
Thanks in advance,Regards, Sergio