Splitter panels dimensions

[porcinoMember]

i need to set fixed size at the top and bottom splitter but the center splitter should be variable according to the windows size

<div id=’jqxSplitter’ style=”background-color: #FFFFAF”>
<div id=”top” style=”background-color: #97FFAF”></div>
<div id=”center” style=”background-color: #E8C0AF”></div>
<div id=”bottom” style=”background-color: #8FBBFF”></div>
</div>

————————-
|top                      |
|————————-|
|                         |
|                         |
|                         |
|                         |
|                         |
|                         |
|                         |
|                         |
|————————-|
|bottom                   |
————————-

$(“#jqxSplitter”).jqxSplitter({
orientation: ‘horizontal’,
width: ‘100%’,
height: ‘100%’,
panels: [
{ size: ’50px’, min: ’50px’ },
{?????},
{ size: ’50px’, min: ’50px’ }       //<these options are applied to the the center and not to the bottom
]
});

1) how should i set the panel dimension of the center area?
2) when are specified only number(es size:50 not size: ’50px’) witch king of unit is used? where can i find these information in the reference?
3) is possible to referring to a specific panel as its “ID”, something like this:

$(“#jqxSplitter”).jqxSplitter({
orientation: ‘horizontal’,
width: ‘100%’,
height: ‘100%’,
panels: [
{id:’top’, size: ’50px’, min: ’50px’ },
{id:’center’, ?????},
{id:’bottom’, size: ’50px’, min: ’50px’ }
]
});

[DimitarParticipant]

Hello porcino,

The splitter panels’ sizes can be set in pixels (in that case 50 is equivalent to “50px”) or percent but they all must be set with the same unit. Otherwise, the widget will not work as expected.

As for the properties of the panels, please check out jqxSplitter’s API for more information.

Best Regards,
Dimitar

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

[porcinoMember]

thank you, but nothing about the variable dimension of the center area? how to specify?

[DimitarParticipant]

Hi porcino,

You can either have all panels with variable dimensions by using percentage or have them with static dimensions by using pixels. Unfortunately, jqxSplitter does not support the use of both.

Best Regards,
Dimitar

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

[Author]

Posts