XUL: XML User Interface Language For: XML Date: April 14 th, 2005 By:David Kleinschmidt Josh Hamell

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

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

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

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

Example 1 – Part 1 Hello World <window id="hello-world" title="Hello World" orient="vertical" xmlns="

Example 1 – Part 2 More complex Widgets

Example 1 – Part 3 english.dtd deutsch.dtd

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

Example 2 Common FF extension – Venkman JavaScript Debugger

Example 3 - xPhoto

Questions / Comments?

References / Resources Example code locations: