<window>
A window.

JavaScript: lz.window

The <window> tag creates a floating view that may be moved and optionally resized by the user. Set the closeable attribute to true in order to show a window close button.

<canvas height="250">
    <window x="10" y="10" width="300" height="200" title="my window" resizable="true" closeable="true">
        <text>Hello</text>
    </window>
</canvas>

Views placed within a <window> tag will be placed inside the smaller content area within the window. Because of this, you will often want to constrain to the dimensions of the content area, rather than to the window dimensions. To do this, tags placed within a window can use the immediateparent property rather than the parent property.

<canvas height="150">
    <window x="10" y="10" width="200" height="100" resizable="true">
        <button width="${immediateparent.width}" height="${immediateparent.height}">
            This is a really big button
        </button>
    </window>
</canvas>

See also:

Attributes

Name (CSS property) Type (tag) Type (js) Default Category
defaultplacement string String wcontent read/write
   
resizable expression any false read/write
  If true, a resize control will appear in the lower-right corner, allowing the user to resize the window.

Methods

Methods inherited from <basewindow>

close, open, setWindowFocus

Methods inherited from lz.Eventable

destroy, setAttribute

Events

Events inherited from <node>

onconstruct, ondata, oninit

Events inherited from lz.Eventable

ondestroy