Table
of Contents 
Previous
Section
Editing Modes
WebObjects Builder allows you to view and edit your page in two modes:- Graphical mode shows a visual representation of your component, including its dynamic elements. The bottom pane, the object browser, lists the variables and methods that are defined in your scripts or code files.
- Source editing mode shows the text of your component's HTML template in the upper pane and the text of your declarations (.wod) file in the lower pane. In this mode, you can enter any HTML code. For example, you can include HTML elements that are not directly supported by WebObjects Builder's graphical tools.
pop-up list at the left
of the toolbar allows you to switch between graphical editing mode and
source editing mode. When you choose source editing mode, the text of your
HTML template (ComponentName.html) appears. When you add
elements graphically, their corresponding HTML tags appear in this file.
As you can see, when you begin with a blank page, WebObjects Builder automatically inserts the necessary elements such as <HTML>, <HEAD>, and <BODY> for you.
The bottom pane shows your declarations (Main.wod) file. When you bind variables to your dynamic elements, this file stores the information. Normally, you don't edit this file directly. "Working With Dynamic Elements" shows how you use WebObjects Builder to create bindings. Refer to the WebObjects Developer's Guide for more information on working with the declarations file.
The Preferences panel provides several options
for how text is displayed in both graphical and source editing modes. Choose
Tools 
Options to bring up the panel. For information
on resource-handling preferences, see "Dragging
Elements into the Component Window".
