What Is In This Tutorial ?

• Step 1 - Setting up a simple visual layout with XUL. Using inline CSS statements to visually debug the Browser environment.
  Go to Step 1


• Step 2 - Nesting <vbox> (where children arrange vertically) and <hbox> (where children arrange horizontally) elements.
  Go to Step 2


• Step 3 - Incorporating control elements to support functionality. Buttons, text entry, and other interactive elements.
  Go to Step 3


• Step 4 - Removing the visual debugging information. Part I of using JavaScript to get content. Making the interactive elements "live."
  Go to Step 4


• Step 5 - Removing the visual debugging information. Part II of using JavaScript to get content. Reaching into the XUL file and changing the display.
  Go to Step 5

Links back to main page, links to XUL tutorials and other references here.