Possible Splitter Bug for the South Pane
Posted: Thu Apr 05, 2007 11:59 pm
Thanks for such a great suite!
I have three issues that I could use help with.
Using a simple, two-pane splitter configuration:
center
--------
south
where south has two content pages (and therefore two tabs).
1. The two tabs for the south are not visible initially. If you "touch" the splitter in any way, they will appear.
2. The "collapse-south" visual image on the splitterbar is invisible initially. If you resize the width of the browser window, the image will reappear.
3. Even though it reappears, as soon as you move you mouse over it, it dissapears and does not cause the collapse action.
Thanks in advance for any help!
Mitch.
Here is the HTML
====
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<script type="text/javascript" src="utilities/suite/js/ajax.js"></script>
<script type="text/javascript" src="utilities/suite/js/dhtml-suite-for-applications.js"></script>
</head>
<body>
<div id="c1">c1</div>
<div id="s1">s1</div>
<div id="s2">s2</div>
<script type="text/javascript">
var paneModel = new DHTMLSuite.paneSplitterModel();
DHTMLSuite.commonObj.setCssCacheStatus(false)
//center
var paneCenter = new DHTMLSuite.paneSplitterPaneModel( { position : "center", id:"CenterPane" } );
paneCenter.addContent( new DHTMLSuite.paneSplitterContentModel( { id:"c1t", htmlElementId:'c1',title:'c1',tabTitle:'c1' } ) );
//south
var paneSouth = new DHTMLSuite.paneSplitterPaneModel( { position : "south", id:"SouthPane",size:200,minSize:100,maxSize:1000 } );
paneSouth.addContent( new DHTMLSuite.paneSplitterContentModel( { id:"s1t", htmlElementId:'s1',title:'s1',tabTitle:'s1' } ) );
paneSouth.addContent( new DHTMLSuite.paneSplitterContentModel( { id:"s2t", htmlElementId:'s2',title:'s2',tabTitle:'s2' } ) );
paneModel.addPane(paneCenter);
paneModel.addPane(paneSouth);
//Do it.
var paneSplitter = new DHTMLSuite.paneSplitter();
paneSplitter.addModel(paneModel); // Add the data model to the pane splitter
paneSplitter.init(); // Add the data model to the pane splitter
</script>
</body>
</html>
====