Splitter with button group

[SivaParticipant]

Hi team,

We are using splitter in our project, in between splitter controls we need a “button group” control. Is there any examples, do you have? please share.

Splitter code as below and before this div id “layout2Div2Nestedjqxgrid2” – we need a “button group” control.

<div id=”layout2Div1Nested”>
<div style=”height:100px;” >
<div id=’layout2Div1Nestedjqxgrid1′ style=”width:100%;height:100px;”>

</div>
</div>
<div>
<div id=”layout2Div2Nested”>
<div style=”height:600px;” >

<div id=’layout2Div2Nestedjqxgrid2′ style=”width:100%;height:100px;”>

</div>
</div>
<div>
<div id=’layout2Div2Nestedjqxgrid3′ style=”width:100%;height:100px;”>

</div>
</div>
</div>
</div>
</div>

Thanks in advance.

[Peter StoevKeymaster]

Hi Siva,

1. I suggest you to use only the Splitter’s API for setting width and height.
2. Here’s how to add buttongroup to your page: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxbutton/buttongroup.htm?arctic
3. This demo: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxsplitter/navigation.htm?arctic shows how to put content inside a Splitter panel.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts