XUL Tutorial

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

Introduction

• Introduction
• XUL Structure
• The Chrome URL
• Manifest Files

Simple Elements

• Creating a Window
• Adding Buttons
• Adding Labels and Images
• Input Controls
• Numeric Controls
• List Controls
• Progress Meters
• Adding HTML Elements
• Using Spacers
• More Button Features

The Box Model

• The Box Model
• Element Positioning
• Box Model Details
• Groupboxes
• Adding More Elements

More Layout Elements

• Stacks and Decks
• Stack Positioning
• Tabboxes
• Grids
• Content Panels
• Splitters

Toolbars and Menus

• Toolbars
• Simple Menu Bars
• More Menu Features
• Popup Menus
• Scrolling Menus

Events and Scripts

• Adding Event Handlers
• More Event Handlers
• Keyboard Shortcuts
• Focus and Selection
• Commands
• Updating Commands
• Broadcasters and Observers

Document Object Model

• Document Object Model
• Modifying a XUL Interface
• Manipulating Lists
• Box Objects
• XPCOM Interfaces
• XPCOM Examples

Trees

• Trees
• More Tree Features
• Tree Selection
• Custom Tree Views
• Tree View Details
• Tree Box Objects

RDF and Templates

• Introduction to RDF
• Templates
• Trees and Templates
• RDF Datasources
• Advanced Rules
• Persistent Data

Skins and Locales

• Adding Style Sheets
• Styling a Tree
• Modifying the Default Skin
• Creating a Skin
• Localization
• Property Files

Bindings

• Introduction to XBL
• Anonymous Content
• XBL Attribute Inheritance
• Adding Properties
• Adding Methods
• Adding Event Handlers
• XBL Inheritance
• Creating reusable content using CSS and XBL
• XBL Example

Specialized Window Types

• Features of a Window
• Creating Dialogs
• Open and Save Dialogs
• Creating a Wizard
• More Wizards
• Overlays
• Cross Package Overlays

Installation

• Creating an Installer
• Install Scripts
• Additional Install Features