Resizer

An element used for window resizing. If you place a custom resizing button inside the resizer, the user will be able to resize the window by dragging it. The resizer will send a command event after the resize is complete.

Attributes:

dir

Attributes:

dir

Type: one of the values below

The direction that the window is resized.

Inherited from XUL Element:

align allowevents allownegativeassertions class coalesceduplicatearcs
collapsed container containment context contextmenu
datasources dir empty equalsize flags
flex height hidden id insertafter
insertbefore left maxheight maxwidth menu
minheight minwidth mousethrough observes ordinal
orient pack persist popup position
preference-editable ref removeelement sortDirection sortResource
sortResource2 statustext style template tooltip
tooltiptext top uri wait-cursor width

Properties and Methods:

Inherited from XUL Element:

align allowEvents blur boxObject boxObject.element
boxObject.getLookAndFeelMetric boxObject.height boxObject.screenX boxObject.screenY boxObject.width
boxObject.x boxObject.y builder className click
collapsed contextMenu controllers database datasources
dir doCommand flex focus getElementsByAttribute
height hidden id left maxHeight
maxWidth menu minHeight minWidth observes
ordinal orient pack persist ref
resource statusText style tooltip tooltipText
top width

Inherited from Element:

addEventListener
appendChild
attributes
childNodes
cloneNode
dispatchEvent
firstChild
getAttribute
getAttributeNS
getAttributeNode
getAttributeNodeNS
getElementsByTagName
getElementsByTagNameNS
hasAttribute
hasAttributeNS
hasAttributes
hasChildNodes
insertBefore
isSupported
lastChild
localName
namespaceURI
nextSibling
nodeName
nodeType
nodeValue
normalize
ownerDocument
parentNode
prefix
previousSibling
removeAttribute
removeAttributeNS
removeAttributeNode
removeChild
removeEventListener
replaceChild
setAttribute
setAttributeNS
setAttributeNode
setAttributeNodeNS
tagName
Add a note User Contributed Notes
February 9, 2004, 9:22 am cstehlin at sejer dot fr
By default, resizers are of size zero, thus invisible.
One must use CSS to make them usable, e.g.


XUL:
<resizer dir="top" id="top-resizer" />

CSS:
#top-resizer {
min-height: 3px;
}

#top-resizer:hover {
cursor:n-resize;
}


Or by placing an element inside the resizer like a button or image. - Neil

Copyright © 1999 - 2005 XULPlanet.com