Example: Hello World in XUL

All XUL files have the .xul extension, but are otherwise written in XML-compliant markup language.

<?xml version="1.0"?>

And can proivde a style sheet as well (this one is the default). This has no meaning in Pentaho XUL but makes previewing your XUL-file in Firefox much nicer:

<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>

Now you must declare a window or dialog as the root element of every XUL document. The window is often used as a placeholder in cases where we later pull a panel out to insert into a native UI (Spoon, RD).

<window id="hello_world" title="Hello World" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

A text box is the most basic XUL element. By default, the box will be horizontally oriented. Within the box you can put buttons, fields, and text. In this example, it's a simple box with one button:

<box>
<button id="Hello World!" label="Hello World!"/>
</box>

Then provide a closing tag for your window element:

</window>