Using Zen Components - InterSystems Documentation

SVG Component LayoutAttributelayoutDescriptionSpecifies how the SVG components within this frame should be laid out. Possible valuesare:• "none" or the empty value "" — no layout is provided. When this is the case, componentsmay be placed using specific coordinates x and y. See the x and y attributesin the section “SVG Component Attributes.”• "vertical" — components within this group are laid out vertically.• "horizontal" — components within this group are laid out horizontally.• "flow" — components within this group are placed in rows. Items are placed horizontallyuntil the width of the container is exceeded, and then components are placedon the next row.offsetXoffsetYondragCanvasOffset, along the x-axis, of the coordinates of this frame from its upper, left-hand corner.The default is 0.Offset, along the y-axis, of the coordinates of this frame from its upper, left-hand corner.The default is 0.Client-side JavaScript expression that runs each time the user drags the backgroundcanvas using a pointing device. Generally this expression invokes a client-side JavaScriptmethod defined in the page class. A boolean variable, done, is passed to this eventhandler to indicate if the operation is complete.As with all event handler expressions including onmouseWheel, onmoveItem, etc:• When providing a value for this attribute, use double quotes to enclose the valueand single quotes (if needed) within the JavaScript expression. For example:• The JavaScript expression may contain Zen #()# runtime expressions.onmouseWheelonmoveItemonresizeItemonselectItemonzoomClient-side JavaScript expression that runs whenever the user moves the mouse wheelover the background rectangle of this frame. Currently only available in FireFox.Client-side JavaScript expression that runs whenever this frame is in drag mode andthe user moves one or more selected items. Refer to the selectedItems property for thelist of items. A boolean variable, done, is passed to this event handler to indicate if theoperation is complete.Client-side JavaScript expression that runs whenever this frame is in drag mode andthe user resizes one or more selected items. Refer to the selectedItems property for thelist of items. A boolean variable, done, is passed to this event handler to indicate if theoperation is complete.Client-side JavaScript expression that runs whenever the user changes the number ofselected items in this frame (by selecting or unselecting an item). A variable, item, ispassed to this event handler and refers to the item most recently selected or unselected.Client-side JavaScript expression that runs whenever the user changes the zoom levelfor this frame.Using Zen Components 35