Rapid Application Development with Mozilla™

2.8. Hands On: NoteTaker Boilerplate

It's time to apply XUL structure to a real example—the NoteTaker browser enhancement. In this and subsequent chapters, all we do is start work on a dialog box.

2.8.1. The Layout Design Process

The dialog box we want appears when the Edit button on the NoteTaker toolbar is pressed. Figure 2.11 shows this dialog box at the conceptual stage.

Figure 2.11. Sketch diagram of a dialog box.

This diagram looks like it might be a tabbed box, each tab revealing different content. We don't know how to do tabs yet, so we'll ignore that part of the problem. We also don't know how to do textboxes, checkboxes, or buttons. ...