What is wrong with my structure

[Consulting programmerParticipant]

Can you assist me. I am trying to nest one splitter inside another, resulting in 3 vertical panes. My code and html is posted below.

$(‘#splitterbox1’).jqxSplitter({orientation: ‘vertical’, width:’98%’, height:1100, panels: [{ size:’40%’, collapsible:true }, {size:’60%’}] });
$(‘#imagesplit’).jqxSplitter({orientation: ‘vertical’, width: ‘100%’,height:’100%’, panels:[{size: ‘25%’, collapsible: false}, {size:’75%’}]});

<div id=”splitterbox1″ style=”background-color:#D7E1E2;width:98%”>
<div >
<div id=”imagesplit”>
<div id=”image-pane” style=”background-color:#D7E1E2″>
<div id=”image_sort_div” style=”float:left;text-align:center;padding-left:10px;background-color:#D7E1E2″></div>
</div>

<div id=”single-image” style=”background-color:#D7E1E2;overflow:hidden”></div>
</div>
</div>
<div>
<div id=”docsplit” >
</div>
</div>
</div>
Thank your for any assistance you can provide.

S Staples

[Peter StoevKeymaster]

Hi S Staples,

Please, look at this sample: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxsplitter/layout-container.htm?arctic. The sample shows how to build your HTML Structure in order to add a Splitter inside a Splitter.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts