<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>
edit

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>
edit

See also:

Attributes

Name 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. Default: false.

Methods

Methods inherited from LzEventable

destroy, setAttribute

Events

Events inherited from <node>

onconstruct, ondata, oninit

Events inherited from LzEventable

ondestroy