switch (orientation) {
case ORIENTATION_HORIZONTAL:
- wholeSize = DOM.getElementPropertyInt(wrapper, "offsetWidth");
+ wholeSize = DOM.getElementPropertyInt(wrapper, "clientWidth");
pixelPosition = DOM.getElementPropertyInt(splitter, "offsetLeft");
- ApplicationConnection.getConsole().log(wholeSize+"");
- ApplicationConnection.getConsole().log(pixelPosition+"");
+ // reposition splitter in case it is out of box
+ if(pixelPosition + SPLITTER_SIZE > wholeSize) {
+ pixelPosition = wholeSize - SPLITTER_SIZE;
+ setSplitPosition(pixelPosition + "px");
+ return;
+ }
DOM
.setStyleAttribute(firstContainer, "width", pixelPosition
case ORIENTATION_VERTICAL:
wholeSize = DOM.getElementPropertyInt(wrapper, "clientHeight");
pixelPosition = DOM.getElementPropertyInt(splitter, "offsetTop");
-
- ApplicationConnection.getConsole().log(wholeSize+"");
- ApplicationConnection.getConsole().log(pixelPosition+"");
+
+ // reposition splitter in case it is out of box
+ if(pixelPosition + SPLITTER_SIZE > wholeSize) {
+ pixelPosition = wholeSize - SPLITTER_SIZE;
+ setSplitPosition(pixelPosition + "px");
+ return;
+ }
DOM.setStyleAttribute(firstContainer, "height", pixelPosition
+ "px");
DOM.setStyleAttribute(secondContainer, "top",
(pixelPosition + SPLITTER_SIZE) + "px");
default:
+ ApplicationConnection.getConsole().log("???");
+
break;
}
-.i-splitpanel-horizontal .hsplitter {
+.i-splitpanel-horizontal .splitter,
+.i-splitpanel-vertical .i-splitpanel-horizontal .splitter {
width: 8px;
background: #ccd2d0 url(img/bg_hor.png);
border: 1px solid #b6bbbc;
+ border-top:0;
+ border-bottom:0;
cursor: e-resize;
}
-.i-splitpanel-vertical .vsplitter {
+.i-splitpanel-vertical .splitter {
height: 8px;
background: #ccd2d0 url(img/bg_ver.png);
border: 1px solid #b6bbbc;
+ border-left:0;
+ border-right:0;
cursor: n-resize;
-}
\ No newline at end of file
+}
+