Apple WebObjects 3.5 Tools And Techniques User Manual
Page 35

The WebObjects Builder Toolbar
35
•
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.
The
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 HTML source for your
component.
Information about bindings
is displayed here.