Splitter 100% height is not working.

[dexteranizParticipant]

I had a problem on splitter height after updating the version to 3.0.0 from 2.6.1. When i set the height properties to 100% it is not working. any solution?
Here is my sample code of Javacript and HTML

$j(“#mainSplitter”).jqxSplitter({
theme: theme,
width: ‘100%’,
panels: [{
size: 250,
resizable: false
}]
});

<div id=”mainSplitter” style=”background-color: #F7F7F7;;”>
<div class=”splitter-panel”>
<div id=”subnavigation”></div>
</div>
<div class=”splitter-panel”>
<div id=”portletContent”></div>
</div>
</div>

Thanks,
best regards.

[Peter StoevKeymaster]

Hi dexteraniz,

In the provided code, you don’t set the height. jqxSplitter according to us does not have such problem and works as expected. Also, if you set the height of HTML Element in percentages, make sure that its container has height as well, because as you know height equal to Y x 0 = 0 where Y is the height in percentages and 0 is the container’s height which if not set is auto. Example: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxsplitter/jquery-splitter-fit-to-window.htm.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts