1. XML User Interface Language (XUL) Karl Strength April 16, 2006

2. What is XUL? A language that you can use to manipulate user interfaces (UI). It is very much like HTML. Its appearance can be modified by CSS.

3. XUL Widgets Allow developers to easily create menus, toolbars and tabbed panels. Widgets allow XUL programs to be cross- platform and cross-device.

4. The major drawback It is only supported by a few browsers. Firefox being the most notable one.

5. XUL Widgets Buttons and Text Boxes are implemented with widgets. There are predefined widgets, but because of the open source anyone can make as many widgets to do anything.

6. Starting a XUL document <window id=“anything” title="XUL page" orient="horizontal" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> …All elements you want on the page…

7. A button <window id=“button” title="Buttons" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

8. Event Handlers <window onclick="alert(event.target.tagName); return false;" id="findfile-window" title="Find Files" orient="horizontal" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

9. Things to remember All events and attributes must be written in lowercase. All strings must be double quoted. Every XUL widget must use close tags (either or ) to be well-formed. All attributes must have a value.

10. XUL sites XUL Periodic Table XUL Planet Mozilla XUL

11. Exercise Create a XUL document that uses various widgets to display city names and a list of attractions.