1. XUL: XML User Interface Language For: XML-2004-3 Date: April 14 th, 2005 By:David Kleinschmidt Josh Hamell

2. Outline Introduction Interface Elements Behavior Examples: Simple Application FireFox Extension xPhoto

3. Introduction User Interface Definitions NGLayout / Gecko Access to a number of technologies CSS, DOM, XML, RDF, XSLT, XPath, XPointer, XML-RPC, SOAP, HTML Full application with GRE

4. Interface Elements Commonly used Widgets Button, Checkbox, Radio, Textbox, Description, Label, Image, Separator, Spacer, Scrollbar Also, Menus, Toolbars, and more XBL for custom Widgets Layout Management Offers different container types

5. Structure Content, Skins, Locale ‘chrome’ identifier Installable packages

6. Example 1 – Part 1 Hello World <window id="hello-world" title="Hello World" orient="vertical" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

7. Example 1 – Part 2 More complex Widgets

8. Example 1 – Part 3 english.dtd deutsch.dtd

9. Example 1 – Part 4 Adding behavior function closeWindow() { window.close(); }

10. Example 2 Common FF extension – Venkman JavaScript Debugger http://www.hacksrus.com/~ginda/venkman

11. Example 3 - xPhoto

12. Questions / Comments?

13. References / Resources www.xulplanet.com www.mozilla.org Example code locations: http://david.kleinschmidt.name/XULExample.zip http://david.kleinschmidt.name/xPhoto http://david.kleinschmidt.name/xPhoto.zip