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.
<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:
modaldialogand<alert>
| Name (CSS property) | Type (tag) | Type (js) | Default | Category |
|---|---|---|---|---|
content_inset_bottom
|
expression | any | 10 | read/write |
| The bottom inset for the dialog contents from the edge of the window inner frame. | ||||
content_inset_left
|
expression | any | 14 | read/write |
| The left inset for the dialog contents from the edge of the window inner frame. | ||||
content_inset_right
|
expression | any | 14 | read/write |
| The right inset for the dialog contents from the edge of the window inner frame | ||||
content_inset_top
|
expression | any | 10 | read/write |
| The top inset for the dialog contents from the edge of the window inner frame. | ||||
Attributes inherited from <windowpanel>
closeable, inset_bottom, inset_left, inset_right, inset_top, title, titlearea_inset_top
Attributes inherited from <basecomponent>
doesenter, enabled, hasdefault, isdefault, style, styleable, text
Attributes inherited from <view>
aaactive, aadescription, aaname, aasilent, aatabindex, align, backgroundrepeat, bgcolor, cachebitmap, capabilities, clickable, clickregion, clip, colortransform, context, contextmenu, cornerradius, cursor, fgcolor, focusable, focustrap, font, fontsize, fontstyle, frame, framesloadratio, hasdirectionallayout, hassetheight, hassetwidth, height, layout, loadratio, mask, opacity, pixellock, playing, proxyurl, resource, resourceheight, resourcewidth, rotation, shadowangle, shadowblurradius, shadowcolor, shadowdistance, showhandcursor, source, stretches, subviews, tintcolor, totalframes, unstretchedheight, unstretchedwidth, usegetbounds, valign, visibility, visible, width, x, xoffset, xscale, y, yoffset, yscale
Attributes inherited from <node>
classroot, cloneManager, data, datapath, defaultplacement, id, ignoreplacement, immediateparent, inited, initstage, name, nodeLevel, options, parent, placement, styleclass, subnodes, transition
Methods
Methods inherited from <basecomponent>
acceptValue, doEnterDown, doEnterUp, doSpaceDown, doSpaceUp, presentValue, setStyle, setTint, updateDefault
Methods inherited from <view>
bringToFront, containsPt, getAttributeRelative, getBounds, getColor, getColorTransform, getCurrentTime, getDepthList, getDisplayObject, getID3, getMouse, getNextSelection, getPan, getPrevSelection, getProxyURL, getTotalTime, getVolume, init, isBehind, isInFrontOf, isMouseOver, measureHeight, measureWidth, play, proxyurl, searchSubviews, seek, sendAAEvent, sendBehind, sendInFrontOf, sendToBack, setAccessible, setAttributeRelative, setColor, setColorTransform, setPan, setProxyPolicy, setSource, setVolume, shouldYieldFocus, stop, unload, updateResourceSize
Methods inherited from <node>
animate, applyConstraintMethod, applyData, childOf, completeInstantiation, construct, createChildren, dataBindAttribute, destroy, determinePlacement, getOption, getUID, init, lookupSourceLocator, releaseConstraint, releaseConstraintMethod, searchImmediateSubnodes, searchSubnodes, setOption, setSelected, updateData
Events
Events inherited from <view>
onaddsubview, onbackgroundrepeat, onblur, onclick, onclickable, onclip, oncontext, oncornerradius, ondblclick, onerror, onfocus, onframe, onframesloadratio, ongesture, onheight, onkeydown, onkeyup, onlastframe, onload, onloadratio, onmousedown, onmousedragin, onmousedragout, onmouseout, onmouseover, onmousetrackout, onmousetrackover, onmousetrackup, onmouseup, onmouseupoutside, onopacity, onplay, onplaying, onremovesubview, onshadowangle, onshadowblurradius, onshadowcolor, onshadowdistance, onstop, ontimeout, ontouch, onvisible, onwidth, onx, ony