XULPlanet.com has returned. Please refer to the documentation there as the information here may be out of date.

XUL Tutorial

The XUL Tutorial was created by Neil Deakin

Last updated on April 23, 2004

Welcome to the XUL tutorial. This tutorial describes XUL, the XML User-interface Language. This language was created for the Mozilla application and is used to define its user interface.

This tutorial describes XUL as it is used in Mozilla 1.4.

1. Introduction
- 1.1 Introduction
- 1.2 Adding XUL Files
- 1.3 The Chrome URL
- 1.4 Manifest Files
2. Simple Elements
- 2.1 Creating a Window
- 2.2 Adding Buttons
- 2.3 Adding Labels and Images
- 2.4 Input Controls
- 2.5 List Controls
- 2.6 Adding HTML Elements
- 2.7 Using Spacers
- 2.8 More Button Features
3. The Box Model
- 3.1 The Box Model
- 3.2 Window Element Positioning
- 3.3 Box Model Details
- 3.4 Groupboxes
- 3.5 Adding More Elements
4. Common Elements
- 4.1 Progress Meters
- 4.2 Scroll Bars
- 4.3 Stacks and Decks
- 4.4 Stack Positioning
- 4.5 Tabboxes
- 4.6 Toolbars
- 4.7 Content Panels
- 4.8 Splitters
- 4.9 Persistent Data
5. Menus
- 5.1 Simple Menu Bars
- 5.2 More Menu Features
- 5.3 Popup Menus
- 5.4 Scrolling Menus
6. Grids, Trees and RDF
- 6.1 Grids
- 6.2 More Listbox Features
- 6.3 Trees
- 6.4 More Tree Features
- 6.5 Introduction to RDF
- 6.6 Templates
- 6.7 Trees and Templates
- 6.8 RDF Datasources
- 6.9 Advanced Rules
7. Events and Scripts
- 7.1 Adding Event Handlers
- 7.2 Document Object Model
- 7.3 Keyboard Shortcuts
- 7.4 Focus and Selection
- 7.5 Tree Selection
- 7.6 Custom Tree Views
- 7.7 Commands
- 7.8 Updating Commands
- 7.9 Broadcasters and Observers
8. XPCOM and XPConnect
- 8.1 XPCOM Interfaces
- 8.2 XPCOM Examples
- 8.3 Manipulating RDF Datasources
- 8.4 Using the Clipboard
- 8.5 Drag and Drop
- 8.6 Drag and Drop JavaScript Wrapper
- 8.7 Drag and Drop Example
9. Skins and Locales
- 9.1 Adding Style Sheets
- 9.2 Styling a Tree
- 9.3 Modifying the Default Skin
- 9.4 Creating a Skin
- 9.5 Localization
- 9.6 Property Files
10. Bindings
- 10.1 Introduction to XBL
- 10.2 Anonymous Content
- 10.3 XBL Attribute Inheritance
- 10.4 Adding Properties
- 10.5 Adding Methods
- 10.6 Adding Event Handlers
- 10.7 XBL Inheritance
- 10.8 XBL Example
11. Specialized Window Types
- 11.1 Features of a Window
- 11.2 Creating Dialogs
- 11.3 Open and Save Dialogs
- 11.4 Creating a Wizard
- 11.5 More Wizards
- 11.6 Overlays
- 11.7 Dynamic Overlays
12. Installation
- 12.1 Creating an Installer
- 12.2 Install Scripts
- 12.3 Additional Install Features

Tutorials

References

XUL Tutorial