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

Example 1. Sizing to the content area

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

• <modaldialog> and <alert>