XUL Tutorial with Examples
Learn XUL for building a graphical user interface with XML tags.
The tutorial should be read by following the order of the chapters at first level. Later one will be able to deepen by reading the chapters which are attached to them.
- First program. Writing you first XUL program.
- Installing XUL.
- Window. How to open a XUL window from an HTML page.
- Boxes. They allow to organize the contents of a graphic interface.
- Grid. Organizing the interface as a table.
- Groupbox. Inserting components into a border.
- Stack. shading effect or text in graphical element.
- Spacer. Separating components.
- Tabs and tabbox. Improving the interface with tabbed panels.
- Canvas. Drawing on a surface.
- First XUL application. Start with a simple Hello World! program.
It is a proof of concept. It is an exemple of IDE, for creating visually graphical interface in XUL and to build software in any programming language.
Tools to build XUL applications
Widgets are numerous enough to have the equivalent of a Java interface.
- XUL Explorer is a graphical application for experimenting with XUL snippets. Type or insert snippets into the editor and you can quickly preview the results. (Note: Change the max gecko version in application.ini to 1.9 if needed).
- Scriptol and Xul Light.
Xul light is XUL without angle brackets, more readable, that can be integrated directly into a Scriptol source. XML light has a descriptive capability that is really better than what classes provide. Example of scriptol source. The XUL code generated by the scriptol compiler from the source.
Some XUL examples are included int the XUL directory in the archive of the Scriptol compiler.
- XULRunner is the runtime that is required to run and display XUL applications, without Firefox. To create and install a XUL application see above in this tutorial.
You can print the texts and the codes and distribute them for educational purpose.