<modaldialog>

A modal dialog.

JavaScript: modaldialog

Extends Windowpanel

The <modaldialog> tag creates a moveable floating view. When opened, the user cannot interact with any other part of the application until the dialog is closed. A modal dialog is typically declared on the canvas. It is automatically centered horizontally and appears vertically at the top third of the screen. The position can be altered by setting an explicit x and y position in the tag.

Example 1. Modaldialog
<canvas height="300">
  <modaldialog name="mydialog" width="300" height="200">
    <text>Are you really sure you want to do something?</text>
    <view align="right" layout="axis:x; spacing:20">
      <button onclick="parent.parent.close()">Cancel</button>
      <button onclick="parent.parent.close()" isdefault="true">OK</button>
    </view>
    <simplelayout spacing="5"/>
  </modaldialog>

  <button onclick="canvas.mydialog.open()">Open Dialog</button>
</canvas>
See Also:
Attributes
Name Usage Type (Tag) Type (JS) Default Category
content_inset_bottom Tag & JS expression any 10 setter
 

The bottom inset for the dialog contents from the edge of the window inner frame.
content_inset_left Tag & JS expression any 14 setter
 

The left inset for the dialog contents from the edge of the window inner frame.
content_inset_right Tag & JS expression any 14 setter
 

The right inset for the dialog contents from the edge of the window inner frame
content_inset_top Tag & JS expression any 10 setter
 

The top inset for the dialog contents from the edge of the window inner frame.

Attributes inherited from Basecomponent

doesenter, enabled, hasdefault, isdefault, style, styleable, text

Attributes inherited from Basewindow

allowdrag, datacontrolsvisibility, haswindowfocus, minheight, minwidth, state

Attributes inherited from Node

class, classroot, cloneManager, datapath, id, ignoreAttribute, ignoreplacement, immediateparent, initstage, name, nodeLevel, onconstruct, oninit, parent, placement, subnodes

Attributes inherited from View

aaactive, aadescription, aaname, aasilent, aatabindex, align, bgcolor, clickable, clickregion, clip, cursor, defaultplacement, fgcolor, focusable, focustrap, font, fontsize, fontstyle, frame, framesloadratio, hassetheight, hassetwidth, height, layout, loadratio, mask, onblur, onclick, ondata, ondblclick, onfocus, onkeydown, onkeyup, onmousedown, onmouseout, onmouseover, onmouseup, onselect, opacity, options, pixellock, play, resource, resourceheight, resourcewidth, rotation, selectiontype, showhandcursor, source, stretches, subviews, totalframes, unstretchedheight, unstretchedwidth, valign, visible, width, x, xoffset, y, yoffset

Attributes inherited from Windowpanel

closeable, inset_bottom, inset_left, inset_right, inset_top, title, titlearea_inset_top

Methods

close()
modaldialog.close()

Closes the dialog.

open()
modaldialog.open()

Opens the dialog (use this method, not setVisible). While the dialog is open, the user will not be able to interact with other windows or UI elements in the application.

Methods inherited from basecomponent

doEnterDown, doEnterUp, doSpaceDown, doSpaceUp, setStyle, setTint, updateDefault

Methods inherited from basewindow

bringToFront, close, open, sendBehind, sendInFrontOf, sendToBack, setVisible, setWindowFocus

Methods inherited from LzNode

animate, applyConstraint, applyData, childOf, completeInstantiation, createChildren, dataBindAttribute, destroy, determinePlacement, getAttribute, getOption, getUID, lookupSourceLocator, searchImmediateSubnodes, searchSubnodes, setAttribute, setDatapath, setID, setName, setOption

Methods inherited from LzView

addProxyPolicy, addSubview, construct, containsPt, getAttributeRelative, getBounds, getColor, getColorTransform, getContextMenu, getCurrentTime, getDepthList, getHeight, getID3, getMouse, getPan, getTotalTime, getVolume, getWidth, init, measureHeight, measureWidth, play, releaseLayouts, removeProxyPolicy, searchParents, searchSubviews, seek, setAAActive, setAADescription, setAAName, setAASilent, setAATabIndex, setAlign, setAttributeRelative, setBGColor, setClickable, setColor, setColorTransform, setContextMenu, setCursor, setHeight, setLayout, setOpacity, setPan, setPlay, setResource, setResourceNumber, setRotation, setShowHandCursor, setSource, setValign, setVolume, setWidth, setX, setY, shouldYieldFocus, stop, stretchResource, unload, updateResourceSize

Events

Events inherited from LzNode

onconstruct, ondata, oninit

Events inherited from LzView

onaddsubresource, onaddsubview, onblur, onclick, ondblclick, onerror, onfocus, onframe, onheight, onlastframe, onload, onmousedown, onmousedragin, onmousedragout, onmouseout, onmouseover, onmouseup, onmouseupoutside, onopacity, onplay, onremovesubview, onstop, ontimeout, onwidth, onx, ony


Copyright © 2002-2005 Laszlo Systems, Inc. All Rights Reserved. Unauthorized use, duplication or distribution is strictly prohibited. This is the proprietary information of Laszlo Systems, Inc. Use is subject to license terms.