<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">maybe the some following code would be help: <br>&nbsp; window.onload = function() {&nbsp; <br>&nbsp;&nbsp;&nbsp; var splitter = new Jx.Splitter('SplitterArea', {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; splitInto:3,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; elements:[$('ToolbarVertical'),$('SplitterMap'),$('Sidebar')],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; layout:'horizontal',<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; containerOptions: [{minWidth: 28},{},{minWidth:8, width: 218}],<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; barOptions: [{snap:'before'},<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; {snap: 'after',snapElement: $('SidebarCollapse'),snapEvents: ['click']}]<br>&nbsp;&nbsp;&nbsp; });<br>}<br><br>&lt;div id="Sidebar"&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- Collapse Sidebar --&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div
 id="SidebarCollapse"&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;a id="SidebarCollapseButton" href="#"&gt;&lt;/a&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br>&lt;/div&gt;<br><br></td></tr></table><br>






      &nbsp;