jQWidgets Forums
jQuery UI Widgets › Forums › Layouts › Splitter › [solved] jqxSplitter loses last panel in Firefox not Opera
Tagged: jquery splitter
This topic contains 5 replies, has 3 voices, and was last updated by Peter Stoev 12 years ago.
-
Author
-
[Solved the problem described below by upgrading to 2.8
see also adjacent thread ..http://www.jqwidgets.com/community/topic/jqxsplitter-throws-exception-since-update-from-2-7-to-2-8/
__________________________________________________________
I have an odd problem I’m trying to sort out.I have a jqxSplitter widget testing in localhost which spans four panels (horizontal mode).
I’ve noticed that four jqxSplitter panels render as expected in Opera.
But in Firefox 19.0.2 for some reason the fourth panel does not show up .. as though invisible.
I thought it might be my customised code but I took the basic example code from here …and I’ve reproduced the “lost panel” problem when I increase panel count to four.
Below is the four panel code. No nested div’s.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta name=”keywords” content=”jQuery Splitter, Splitter Widget, Splitter, jqxSplitter” />
<meta name=”description” content=”This demonstration shows how to set the minimum size of the Splitter.” />
<title id=’Description’>This demonstration shows how to set the minimum size of the Splitter.
</title>
<link rel=”stylesheet” href=”http://localhost/jqwidgets/styles/jqx.base.css” type=”text/css” /><script type=’text/javascript’ src=’http://localhost/jquery-1.9.0/jquery-1.9.0.js’></script>
<script type=”text/javascript” src=”http://localhost/jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”http://localhost/jqwidgets/jqxsplitter.js”></script>
<script type=”text/javascript”>
$(document).ready(function () {
$(‘#mainSplitter’).jqxSplitter({ width: ‘100%’, height: 500, panels: [{ size: ‘25%’, min: 100 },{ size: ‘25%’, min: 100 },{ size: ‘25%’, min: 100 }, { size: ‘25%’, min: 300, max: 400 }] });
});
</script>
</head>
<body class=’default’>
<div id=’jqxWidget’>
<div id=”container”>
<div id=”mainSplitter”>
<div>west panel</div>
<div>centre west panel</div>
<div>centre east panel</div>
<div>east panel</div>
</div>
</div>
</div>
</body>
</html>I replaced my header links with links from the demo site but still hit problems in both Firefox and Opera.
In my localhost testing I see I’ve been using an earlier version of jqxSplitter (jQWidgets v2.6.1 (2013-Jan-18) which allowed me four panels in Opera (but not Firefox).
My understanding now is that jqxSplitter 2.8.0 only allows two panels.
“jqxSplitter works with two split panels”.
I’m now upgrading to 2.8.0 and will try to nest jqxSplitter definitions to achieve a four panel configuration.
I should add that I ran the multiple (>2) panel code in Firefox with Firebug enabled and I saw this error message which gave the clue ..
uncaught exception: Invalid HTML Structure! jqxSplitter requires two nested DIV tags!
This led to me reading in release history (see above) that jqxSplitter 2.8.0 only allows two panels?
Is this correct?
Hi d_l,
jqxSplitter works with 2 panels in version 2.8. For additional panels, you will have to initialize new Splitters.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.com/Why do we have such a restriction of splitter splitting only 2 panels? Initializing new splitters doesnt have the same Look and feel. Is there any chance that splitter can split multiple divs in the further release like how it was working in say 2.5.5?
Hi ds,
The Splitter in the available version supports 2 panels by design. We do not have plans to change that logic in the future versions and we marked that change as a breaking. if you like the Old Splitter implementation, you can continue using it in your project.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.com/ -
AuthorPosts
You must be logged in to reply to this topic.