XUL Tutorial
The XUL Tutorial was created by Neil Deakin
Last updated on August 16, 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 XUL Structure
- 1.3 The Chrome URL
- 1.4 Contents.rdf 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
- 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