Split-pane ghost bar jumps out of the div

Baldeep Hira <[email protected]> Tue, 7 Dec 2004 09:42:53 -0800
Newsgroups gmane.comp.windows.devel.netwindows
Message-ID <[email protected]>
Hi All,

I am using the split-pane widget in netwindows and the ghost bar jumps
out of the div when I try to resize the panes. If I use absolute
positioning of the split-pane div using CSS I don't see this jumping
behavior of the split-pane.  The example in netwindows code using
absolute positioning.  Is this a known problem?  Here is the code for
the SplitPane.jsp and the InfNWwrapper.js files


<!-- **************************************SplitPane.jsp****************************
-->
<html>
<head>
<title>Split-Pane example</title>
<script type="text/javascript" src="netWindows/InfNWwrapper.js"></script>
<style>
    .SplitPane-bar-td, .SplitPane-ghost-bar-div {
        margin: 0;
        padding: 0;
        cursor: pointer;
        background-color: #b7b7b7;
    }
</style>
</head>
<body>
    <h1>This is a split-pane example</h1>
    <br>

    <div style="border: 1px solid black;">
    <div nwType="split_pane" vertical="true" firstPaneSize="300"
dragBarWidth="4">
        <div nwType="pane" id="treePane">
            The tree widget will be placed in here....  Plus lets do
something that can be done
            with a lot less time and effort... this is pretty cool as
long as it works,
        </div>
        <div nwType="pane" id="detailerPane">
            Detailer pane portion of the split pane...<br />
            hahahha... man this is taking some time to get this div up
and running.
        </div>
    </div>
    </div>
</body>
</html>
<!-- *********************************************************************************
-->


<!-- **********************************InfNWwrapper.js****************************
-->
var NWrootURL = "netWindows/";
var NWcorePathDir = "winScripts/";
var NWcoreFile = "netWindows_full_core.js";

if(!window["NWconfig"]){
    NWconfig = {};
}

NWconfig.corePath=NWcorePathDir;
NWconfig.findWidgets=true;
NWconfig.obeyRequestEnv=true;
NWconfig.cacheTxtURLData=true;
NWconfig.includeTooltips=false;
NWconfig.tooltipsEnabled=false;
NWconfig.applyThemedStyles=false;
NWconfig.autoLoad=true;
NWconfig.isProduction=false;
NWconfig.loadEvalName="loadNWExtras";
NWconfig.ieclear=true;
NWconfig.rootPath=NWrootURL;

function loadNWExtras(){
    __scripts__.require(__config__.widgetPath+"split_pane_widget.js");
    __scripts__.require(__config__.widgetPath+"tree_widget2.js");
    return true;
}

// begin actual inclusion of the netWindows framework
document.write('<script src="'+NWrootURL+NWcorePathDir+NWcoreFile+'"
type="text/javascript"><\/script>');
<!-- *********************************************************************************
-->


Any suggestions how to resolve this problem?

thanks,
Baldeep

_______________________________________________
The netWindows developers list: [email protected]
http://netwindows.org/mailman/listinfo/devel_netwindows.org