4.6. Hands On: NoteTaker Buttons and Themes

In the last two chapters, we added layout structure and basic textual content to the NoteTaker application. In this chapter we'll add buttons. The job is to

  • Turn the Save and Cancel operations into buttons.

  • Temporarily turn the Edit and Keywords operations into buttons. In a later chapter we'll get a proper tab control, supplying tab-like buttons, for this control.

  • Put theme support in.

The XUL file that contains the application window we're developing is the only file that needs substantial changing. The required changes for the buttons are very simple, as Listing 4.4 shows.

Listing 4.4. NoteTaker changes required to turn text into buttons.
 <!-- change this: --> <text value="Cancel"/> <spacer flex="1"/> ...

Get Rapid Application Development with Mozilla™ now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.