Apple WebObjects 3.5 Tools And Techniques User Manual

Page 35

Advertising
background image

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.

Advertising