nextapp.echo2.webcontainer.resource.js.SplitPane.js Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of ibis-echo2 Show documentation
Show all versions of ibis-echo2 Show documentation
Echo2 bundled with Echo2_Extras, Echo2_FileTransfer and echopointing and various improvements/bugfixes
/*
* This file is part of the Echo Web Application Framework (hereinafter "Echo").
* Copyright (C) 2002-2009 NextApp, Inc.
*
* Version: MPL 1.1/GPL 2.0/LGPL 2.1
*
* The contents of this file are subject to the Mozilla Public License Version
* 1.1 (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
* http://www.mozilla.org/MPL/
*
* Software distributed under the License is distributed on an "AS IS" basis,
* WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
* for the specific language governing rights and limitations under the
* License.
*
* Alternatively, the contents of this file may be used under the terms of
* either the GNU General Public License Version 2 or later (the "GPL"), or
* the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
* in which case the provisions of the GPL or the LGPL are applicable instead
* of those above. If you wish to allow use of your version of this file only
* under the terms of either the GPL or the LGPL, and not to allow others to
* use your version of this file under the terms of the MPL, indicate your
* decision by deleting the provisions above and replace them with the notice
* and other provisions required by the GPL or the LGPL. If you do not delete
* the provisions above, a recipient may use your version of this file under
* the terms of any one of the MPL, the GPL or the LGPL.
*/
/**
* Rendering/synchronization services for SplitPane components.
* This object/namespace should not be used externally.
*/
EchoSplitPane = Core.extend({
$static: {
/**
* The active EchoSplitPane instance, on which a drag operation is being performed.
*/
activeInstance: null,
ORIENTATION_VERTICAL_TOP_BOTTOM: 0,
ORIENTATION_VERTICAL_BOTTOM_TOP: 1,
ORIENTATION_HORIZONTAL_LEFT_RIGHT: 2,
ORIENTATION_HORIZONTAL_RIGHT_LEFT: 3,
getPaddingHeight: function(pane) {
return pane.insets ? pane.insets.top + pane.insets.bottom : 0;
},
getPaddingWidth: function(pane) {
return pane.insets ? pane.insets.left + pane.insets.right : 0;
},
/**
* Returns the SplitPane data object instance based on the root element id
* of the SplitPane.
*
* @param componentId the root element id of the SplitPane
* @return the relevant SplitPane instance
*/
getComponent: function(componentId) {
return EchoDomPropertyStore.getPropertyValue(componentId, "component");
},
/**
* Event handler for "SelectStart" events to disable selection while dragging
* the SplitPane. (Internet Explorer specific)
*/
selectStart: function() {
EchoDomUtil.preventEventDefault(window.event);
},
/**
* Processes a separator mouse down event. Event is relayed to appropriate SplitPane instance.
*/
processSeparatorMouseDown: function(echoEvent) {
var componentId = EchoDomUtil.getComponentId(echoEvent.registeredTarget.id);
if (!EchoClientEngine.verifyInput(componentId)) {
return;
}
var splitPane = EchoSplitPane.getComponent(componentId);
splitPane.processSeparatorMouseDown(echoEvent);
},
/**
* Processes a separator mouse mouse event. Event is relayed to appropriate SplitPane instance.
*/
processSeparatorMouseMove: function(e) {
e = e ? e : window.event;
if (EchoSplitPane.activeInstance) {
EchoSplitPane.activeInstance.processSeparatorMouseMove(e);
}
},
/**
* Processes a separator mouse up event. Event is relayed to appropriate SplitPane instance.
*/
processSeparatorMouseUp: function(e) {
e = e ? e : window.event;
if (EchoSplitPane.activeInstance) {
EchoSplitPane.activeInstance.processSeparatorMouseUp(e);
}
}
},
/**
* Creates a new EchoSplitPane instance.
*
* @param elementId the element id
* @param containerElementId the container element id
* @param orientation the orientation
* @param position the initial separator position
*/
$construct: function(elementId, containerElementId, orientation, position) {
this.elementId = elementId;
this.containerElementId = containerElementId;
this.orientation = orientation;
this.position = position;
this.background = null;
this.foreground = null;
this.font = null;
this.dragInitMouseOffset = null;
this.dragInitPosition = position;
this.separatorSize = 4;
this.separatorColor = "#3f3f4f";
this.separatorImage = null;
this.resizable = true;
this.paneData = [new EchoSplitPane.PaneData(), new EchoSplitPane.PaneData()];
},
/**
* Renders the SplitPane to the DOM, beneath its previously specified
* container element.
*
* Note: When the split pane is destroyed, the dispose() method must be invoked
* to release resources allocated by this method.
*/
create: function() {
var containerElement = document.getElementById(this.containerElementId);
var splitPaneDivElement = document.createElement("div");
splitPaneDivElement.id = this.elementId;
splitPaneDivElement.style.position = "absolute";
splitPaneDivElement.style.overflow = "hidden";
splitPaneDivElement.style.top = "0px";
splitPaneDivElement.style.bottom = "0px";
splitPaneDivElement.style.left = "0px";
splitPaneDivElement.style.right = "0px";
EchoVirtualPosition.register(splitPaneDivElement.id);
if (this.background != null) {
splitPaneDivElement.style.background = this.background;
}
if (this.foreground != null) {
splitPaneDivElement.style.color = this.foreground;
}
if (this.font != null) {
EchoCssUtil.applyStyle(splitPaneDivElement, this.font);
}
var paneDivElements = [];
for (var i = 0; i < 2; ++i) {
paneDivElements[i] = document.createElement("div");
paneDivElements[i].id = this.elementId + "_pane" + i;
paneDivElements[i].style.position = "absolute";
paneDivElements[i].style.overflow = "auto";
this.paneData[i].applyStyle(paneDivElements[i]);
}
var separatorDivElement = null;
if (this.separatorSize > 0) {
separatorDivElement = document.createElement("div");
separatorDivElement.id = this.elementId + "_separator";
separatorDivElement.style.position = "absolute";
separatorDivElement.style.backgroundColor = this.separatorColor;
separatorDivElement.style.fontSize = "1px";
separatorDivElement.style.lineHeight = "0";
if (this.separatorImage != null) {
EchoCssUtil.applyStyle(separatorDivElement, this.separatorImage);
}
}
switch (this.orientation) {
case EchoSplitPane.ORIENTATION_VERTICAL_TOP_BOTTOM:
paneDivElements[0].style.top = "0px";
paneDivElements[0].style.left = "0px";
paneDivElements[0].style.right = "0px";
paneDivElements[1].style.bottom = "0px";
paneDivElements[1].style.left = "0px";
paneDivElements[1].style.right = "0px";
if (separatorDivElement) {
separatorDivElement.style.height = this.separatorSize + "px";
separatorDivElement.style.left = "0px";
separatorDivElement.style.right = "0px";
if (this.resizable) {
separatorDivElement.style.cursor = "n-resize";
}
}
break;
case EchoSplitPane.ORIENTATION_VERTICAL_BOTTOM_TOP:
paneDivElements[0].style.bottom = "0px";
paneDivElements[0].style.left = "0px";
paneDivElements[0].style.right = "0px";
paneDivElements[1].style.top = "0px";
paneDivElements[1].style.left = "0px";
paneDivElements[1].style.right = "0px";
if (separatorDivElement) {
separatorDivElement.style.height = this.separatorSize + "px";
separatorDivElement.style.left = "0px";
separatorDivElement.style.right = "0px";
if (this.resizable) {
separatorDivElement.style.cursor = "s-resize";
}
}
break;
case EchoSplitPane.ORIENTATION_HORIZONTAL_LEFT_RIGHT:
paneDivElements[0].style.top = "0px";
paneDivElements[0].style.bottom = "0px";
paneDivElements[0].style.left = "0px";
paneDivElements[1].style.top = "0px";
paneDivElements[1].style.bottom = "0px";
paneDivElements[1].style.right = "0px";
if (separatorDivElement) {
separatorDivElement.style.width = this.separatorSize + "px";
separatorDivElement.style.top = "0px";
separatorDivElement.style.bottom = "0px";
if (this.resizable) {
separatorDivElement.style.cursor = "w-resize";
}
}
break;
case EchoSplitPane.ORIENTATION_HORIZONTAL_RIGHT_LEFT:
paneDivElements[0].style.top = "0px";
paneDivElements[0].style.bottom = "0px";
paneDivElements[0].style.right = "0px";
paneDivElements[1].style.top = "0px";
paneDivElements[1].style.bottom = "0px";
paneDivElements[1].style.left = "0px";
if (separatorDivElement) {
separatorDivElement.style.width = this.separatorSize + "px";
separatorDivElement.style.top = "0px";
separatorDivElement.style.bottom = "0px";
if (this.resizable) {
separatorDivElement.style.cursor = "e-resize";
}
}
break;
default:
throw new Error("Illegal orientation: " + this.orientation);
}
this.update(paneDivElements[0], paneDivElements[1], separatorDivElement);
// Append children, in left-to-right or top-to-bottom order to
// provide sensible default focus order.
if (this.orientation == EchoSplitPane.ORIENTATION_VERTICAL_BOTTOM_TOP ||
this.orientation == EchoSplitPane.ORIENTATION_HORIZONTAL_RIGHT_LEFT) {
splitPaneDivElement.appendChild(paneDivElements[1]);
splitPaneDivElement.appendChild(paneDivElements[0]);
} else {
splitPaneDivElement.appendChild(paneDivElements[0]);
splitPaneDivElement.appendChild(paneDivElements[1]);
}
if (separatorDivElement) {
splitPaneDivElement.appendChild(separatorDivElement);
}
containerElement.appendChild(splitPaneDivElement);
EchoVirtualPosition.register(paneDivElements[0].id);
EchoVirtualPosition.register(paneDivElements[1].id);
if (separatorDivElement) {
EchoVirtualPosition.register(separatorDivElement.id);
}
EchoDomPropertyStore.setPropertyValue(splitPaneDivElement, "component", this);
if (separatorDivElement && this.resizable) {
EchoEventProcessor.addHandler(separatorDivElement, "mousedown", "EchoSplitPane.processSeparatorMouseDown");
}
},
/**
* Disposes of resources used by this object.
*/
dispose: function() {
if (this.separatorSize > 0 && this.resizable) {
EchoEventProcessor.removeHandler(this.elementId + "_separator", "mousedown");
this.removeListeners();
}
EchoDomPropertyStore.dispose(this.elementId);
this.paneData = undefined;
},
/**
* Determines if the split pane's orientation is vertical.
*
* @return true if the orientation is vertical, false if it is not.
*/
isOrientationVertical: function() {
return this.orientation == EchoSplitPane.ORIENTATION_VERTICAL_TOP_BOTTOM ||
this.orientation == EchoSplitPane.ORIENTATION_VERTICAL_BOTTOM_TOP;
},
/**
* Processes a mouse down event on the split pane separator.
*
* @param echoEvent the event
*/
processSeparatorMouseDown: function(echoEvent) {
EchoSplitPane.activeInstance = this;
this.dragInitPosition = this.position;
if (this.isOrientationVertical()) {
this.dragInitMouseOffset = echoEvent.clientY;
} else {
this.dragInitMouseOffset = echoEvent.clientX;
}
// Avoid potential IE multi-listener issues.
this.removeListeners();
EchoDomUtil.addEventListener(document, "mousemove", EchoSplitPane.processSeparatorMouseMove, false);
EchoDomUtil.addEventListener(document, "mouseup", EchoSplitPane.processSeparatorMouseUp, false);
if (EchoClientProperties.get("browserInternetExplorer")) {
EchoDomUtil.addEventListener(document, "selectstart", EchoSplitPane.selectStart, false);
}
},
/**
* Processes a mouse move event on the split pane separator.
*
* @param echoEvent the event
*/
processSeparatorMouseMove: function(e) {
switch (this.orientation) {
case EchoSplitPane.ORIENTATION_VERTICAL_TOP_BOTTOM:
this.setPosition(this.dragInitPosition + e.clientY - this.dragInitMouseOffset);
break;
case EchoSplitPane.ORIENTATION_VERTICAL_BOTTOM_TOP:
this.setPosition(this.dragInitPosition - e.clientY + this.dragInitMouseOffset);
break;
case EchoSplitPane.ORIENTATION_HORIZONTAL_LEFT_RIGHT:
this.setPosition(this.dragInitPosition + e.clientX - this.dragInitMouseOffset);
break;
case EchoSplitPane.ORIENTATION_HORIZONTAL_RIGHT_LEFT:
this.setPosition(this.dragInitPosition - e.clientX + this.dragInitMouseOffset);
break;
}
this.update();
},
/**
* Processes a mouse up event on the split pane separator.
*
* @param echoEvent the event
*/
processSeparatorMouseUp: function(e) {
EchoSplitPane.activeInstance = null;
this.removeListeners();
EchoClientMessage.setPropertyValue(this.elementId, "separatorPosition", this.position + "px");
EchoVirtualPosition.redraw();
},
/**
* Removes temporary listeners used during split pane drags.
*/
removeListeners: function() {
EchoDomUtil.removeEventListener(document, "mousemove", EchoSplitPane.processSeparatorMouseMove, false);
EchoDomUtil.removeEventListener(document, "mouseup", EchoSplitPane.processSeparatorMouseUp, false);
if (EchoClientProperties.get("browserInternetExplorer")) {
EchoDomUtil.removeEventListener(document, "selectstart", EchoSplitPane.selectStart, false);
}
},
/**
* Resets the state of a subpane after a child has been removed.
*
* @param index the index of the removed pane
*/
resetPane: function(index) {
var paneData = new EchoSplitPane.PaneData();
var paneDivElement = document.getElementById(this.elementId + "_pane" + index);
while (paneDivElement.childNodes.length > 0) {
paneDivElement.removeChild(paneDivElement.lastChild);
}
if (index === 0) {
this.paneData[0] = paneData;
} else {
this.paneData[1] = paneData;
}
paneData.applyStyle(paneDivElement);
},
/**
* Sets the position of the separator, bounding it within configured minimums/maximums.
*/
setPosition: function(newValue) {
var divElement = document.getElementById(this.elementId);
var vertical = this.isOrientationVertical();
var totalSize = vertical ? divElement.offsetHeight : divElement.offsetWidth;
if (newValue < this.paneData[0].minimumSize) {
this.position = this.paneData[0].minimumSize;
} else if (this.paneData[0].maximumSize != -1 && newValue > this.paneData[0].maximumSize) {
this.position = this.paneData[0].maximumSize;
} else if (newValue > totalSize - this.paneData[1].minimumSize - this.separatorSize) {
this.position = totalSize - this.paneData[1].minimumSize - this.separatorSize;
} else if (this.paneData[1].maximumSize != -1 && newValue < totalSize - this.paneData[1].maximumSize - this.separatorSize) {
this.position = totalSize - this.paneData[1].maximumSize - this.separatorSize;
} else {
this.position = newValue;
}
},
/**
* Updates the rendered state of the split pane.
* If no arguments are specified, pane DIV elements will be determined based on ids/document.getElementById()
*
* @param firstPaneDivElement the first pane DIV element
* @param secondPaneDivElement the second pane DIV element
* @param separatorDivElement the separator DIV element
*/
update: function(firstPaneDivElement, secondPaneDivElement, separatorDivElement) {
var firstHeight, firstWidth;
if (arguments.length === 0) {
firstPaneDivElement = document.getElementById(this.elementId + "_pane0");
secondPaneDivElement = document.getElementById(this.elementId + "_pane1");
separatorDivElement = document.getElementById(this.elementId + "_separator");
}
switch (this.orientation) {
case EchoSplitPane.ORIENTATION_VERTICAL_TOP_BOTTOM:
firstHeight = this.position - EchoSplitPane.getPaddingHeight(this.paneData[0]);
firstPaneDivElement.style.height = (firstHeight > 0 ? firstHeight : 0) + "px";
secondPaneDivElement.style.top = (this.position + this.separatorSize) + "px";
if (separatorDivElement) {
separatorDivElement.style.top = this.position + "px";
}
break;
case EchoSplitPane.ORIENTATION_VERTICAL_BOTTOM_TOP:
firstHeight = this.position - EchoSplitPane.getPaddingHeight(this.paneData[0]);
firstPaneDivElement.style.height = (firstHeight > 0 ? firstHeight : 0) + "px";
secondPaneDivElement.style.bottom = (this.position + this.separatorSize) + "px";
if (separatorDivElement) {
separatorDivElement.style.bottom = this.position + "px";
}
break;
case EchoSplitPane.ORIENTATION_HORIZONTAL_LEFT_RIGHT:
firstWidth = this.position - EchoSplitPane.getPaddingWidth(this.paneData[0]);
firstPaneDivElement.style.width = (firstWidth > 0 ? firstWidth : 0) + "px";
secondPaneDivElement.style.left = (this.position + this.separatorSize) + "px";
if (separatorDivElement) {
separatorDivElement.style.left = this.position + "px";
}
break;
case EchoSplitPane.ORIENTATION_HORIZONTAL_RIGHT_LEFT:
firstWidth = this.position - EchoSplitPane.getPaddingWidth(this.paneData[0]);
firstPaneDivElement.style.width = (firstWidth > 0 ? firstWidth : 0) + "px";
secondPaneDivElement.style.right = (this.position + this.separatorSize) + "px";
if (separatorDivElement) {
separatorDivElement.style.right = this.position + "px";
}
break;
default:
throw new Error("Illegal orientation: " + this.orientation);
}
}
});
/**
* Static object/namespace for SplitPane MessageProcessor
* implementation.
*/
EchoSplitPane.MessageProcessor = {
/**
* MessageProcessor process() implementation
* (invoked by ServerMessage processor).
*
* @param messagePartElement the message-part element to process.
*/
process: function(messagePartElement) {
for (var i = 0; i < messagePartElement.childNodes.length; ++i) {
if (messagePartElement.childNodes[i].nodeType === 1) {
switch (messagePartElement.childNodes[i].tagName) {
case "add-child":
EchoSplitPane.MessageProcessor.processAddChild(messagePartElement.childNodes[i]);
break;
case "dispose":
EchoSplitPane.MessageProcessor.processDispose(messagePartElement.childNodes[i]);
break;
case "init":
EchoSplitPane.MessageProcessor.processInit(messagePartElement.childNodes[i]);
break;
case "remove-child":
EchoSplitPane.MessageProcessor.processRemoveChild(messagePartElement.childNodes[i]);
break;
case "set-separator-position":
EchoSplitPane.MessageProcessor.processSetSeparatorPosition(messagePartElement.childNodes[i]);
break;
}
}
}
},
/**
* Processes an add-child message to create an SplitPane.
*
* @param addChildMessageElement the add-child element to process
*/
processAddChild: function(addChildMessageElement) {
var elementId = addChildMessageElement.getAttribute("eid");
var splitPane = EchoSplitPane.getComponent(elementId);
var index = parseInt(addChildMessageElement.getAttribute("index"), 10);
var layoutDataElements = addChildMessageElement.getElementsByTagName("layout-data");
if (layoutDataElements.length > 0) {
EchoSplitPane.MessageProcessor.processLayoutData(layoutDataElements[0], splitPane.paneData[index]);
splitPane.paneData[index].applyStyle(document.getElementById(elementId + "_pane" + index));
}
},
/**
* Processes an dispose message to dispose the state of a
* SplitPane component that is being removed.
*
* @param disposeMessageElement the dispose element to process
*/
processDispose: function(disposeMessageElement) {
var elementId = disposeMessageElement.getAttribute("eid");
var splitPane = EchoSplitPane.getComponent(elementId);
if (splitPane) {
splitPane.dispose();
}
},
/**
* Processes an init message to create an SplitPane.
*
* @param initMessageElement the init element to process
*/
processInit: function(initMessageElement) {
var elementId = initMessageElement.getAttribute("eid");
var containerElementId = initMessageElement.getAttribute("container-eid");
var orientation;
switch(initMessageElement.getAttribute("orientation")) {
case "l-r":
orientation = EchoSplitPane.ORIENTATION_HORIZONTAL_LEFT_RIGHT;
break;
case "r-l":
orientation = EchoSplitPane.ORIENTATION_HORIZONTAL_RIGHT_LEFT;
break;
case "t-b":
orientation = EchoSplitPane.ORIENTATION_VERTICAL_TOP_BOTTOM;
break;
case "b-t":
orientation = EchoSplitPane.ORIENTATION_VERTICAL_BOTTOM_TOP;
break;
default:
throw new Error("Illegal orientation.");
}
var position = parseInt(initMessageElement.getAttribute("position"), 10);
var splitPane = new EchoSplitPane(elementId, containerElementId, orientation, position);
if (initMessageElement.getAttribute("background")) {
splitPane.background = initMessageElement.getAttribute("background");
}
if (initMessageElement.getAttribute("foreground")) {
splitPane.foreground = initMessageElement.getAttribute("foreground");
}
if (initMessageElement.getAttribute("font")) {
splitPane.font = initMessageElement.getAttribute("font");
}
if (initMessageElement.getAttribute("separator-size")) {
splitPane.separatorSize = parseInt(initMessageElement.getAttribute("separator-size"), 10);
}
if (initMessageElement.getAttribute("separator-color")) {
splitPane.separatorColor = initMessageElement.getAttribute("separator-color");
}
if (initMessageElement.getAttribute("separator-image")) {
splitPane.separatorImage = initMessageElement.getAttribute("separator-image");
}
if (initMessageElement.getAttribute("resizable")) {
splitPane.resizable = initMessageElement.getAttribute("resizable") == "true";
}
var layoutDataElements = initMessageElement.getElementsByTagName("layout-data");
for (var i = 0; i < layoutDataElements.length; ++i) {
var paneData = parseInt(layoutDataElements[i].getAttribute("index"), 10) === 0 ?
splitPane.paneData[0] : splitPane.paneData[1];
EchoSplitPane.MessageProcessor.processLayoutData(layoutDataElements[i], paneData);
}
splitPane.create();
if (initMessageElement.getAttribute("enabled") == "false") {
EchoDomPropertyStore.setPropertyValue(elementId, "EchoClientEngine.inputDisabled", true);
}
},
/**
* Processes layout data information for child components.
*
* @param layoutDataElement the layout-data element
* @param paneData the EchoSplitPane.PaneData object for the child pane
*/
processLayoutData: function(layoutDataElement, paneData) {
if (layoutDataElement.getAttribute("alignment")) {
paneData.alignment = layoutDataElement.getAttribute("alignment");
}
if (layoutDataElement.getAttribute("background")) {
paneData.background = layoutDataElement.getAttribute("background");
}
if (layoutDataElement.getAttribute("background-image")) {
paneData.backgroundImage = layoutDataElement.getAttribute("background-image");
}
if (layoutDataElement.getAttribute("insets")) {
paneData.insets = new EchoCoreProperties.Insets(layoutDataElement.getAttribute("insets"));
}
if (layoutDataElement.getAttribute("overflow")) {
paneData.overflow = layoutDataElement.getAttribute("overflow");
}
if (layoutDataElement.getAttribute("min-size")) {
paneData.minimumSize = parseInt(layoutDataElement.getAttribute("min-size"), 10);
}
if (layoutDataElement.getAttribute("max-size")) {
paneData.maximumSize = parseInt(layoutDataElement.getAttribute("max-size"), 10);
}
},
/**
* Processes an remove-child message to create an SplitPane.
*
* @param removeChildMessageElement the remove-child element to process
*/
processRemoveChild: function(removeChildMessageElement) {
var elementId = removeChildMessageElement.getAttribute("eid");
var splitPane = EchoSplitPane.getComponent(elementId);
var index = parseInt(removeChildMessageElement.getAttribute("index"), 10);
splitPane.resetPane(index);
},
/**
* Processes an set-separator-position message to adjust the
* position of a SplitPane's separator.
*
* @param setSeparatorPositionMessageElement the
* set-separator-position element to process
*/
processSetSeparatorPosition: function(setSeparatorPositionMessageElement) {
var elementId = setSeparatorPositionMessageElement.getAttribute("eid");
var splitPane = EchoSplitPane.getComponent(elementId);
splitPane.position = parseInt(setSeparatorPositionMessageElement.getAttribute("position"), 10);
splitPane.update();
}
};
/**
* Data providing information about a single child pane in a SplitPane.
*/
EchoSplitPane.PaneData = Core.extend({
/**
* Creates a new PaneData.
*/
$construct: function() {
this.alignment = null;
this.background = null;
this.backgroundImage = null;
this.insets = null;
this.minimumSize = 0;
this.maximumSize = -1;
this.overflow = null;
},
/**
* Renders style information in this PaneData to the specified pane container element.
*
* @param paneDivElement the element
*/
applyStyle: function(paneDivElement) {
if (this.alignment) {
EchoCssUtil.applyStyle(paneDivElement, this.alignment);
} else {
paneDivElement.style.textAlign = "";
paneDivElement.style.verticalAlign = "";
}
if (this.background) {
paneDivElement.style.backgroundColor = this.background;
} else {
paneDivElement.style.backgroundColor = "";
}
if (this.backgroundImage) {
EchoCssUtil.applyStyle(paneDivElement, this.backgroundImage);
} else {
paneDivElement.style.backgroundImage = "";
}
if (this.overflow) {
paneDivElement.style.overflow = this.overflow;
} else {
paneDivElement.style.overflow = "auto";
}
if (this.insets) {
paneDivElement.style.padding = this.insets.toString();
} else {
paneDivElement.style.padding = "0";
}
}
});
© 2015 - 2025 Weber Informatics LLC | Privacy Policy