Table of Contents Previous Section

Resizing the Form Elements

 The text fields and text area are a bit small, so you'll resize them using the Inspector window.

To inspect an element, you must first select it. Some elements (such as text fields and text areas) can be selected simply by clicking them; they appear with a gray line underneath.

You select text elements as you would in most text-editing applications (by dragging, or by double-clicking words, or by triple-clicking lines); they appear with gray shading.

  1. Inspect the Name text field (that is, select the text field and open the Inspector window).

  2. Change the setting of the pop-up list at the upper right of the window from Dynamic Inspector to Static Inspector.

    All WebObjects elements have a dynamic inspector, that is, one that allows you to set bindings (you'll work with bindings in the next section). In addition, many WebObjects elements (those with direct counterparts in static HTML) also have a static inspector. This inspector allows you to set the standard HTML attributes for that type of element.

    In this window, you can set various attributes of the static counterpart of a WOTextField, which is an HTML <INPUT TYPE=TEXT> element.

  3. In the Size field, type 20 and press Enter to set the width of the text field to 20 characters.

    Note: Be sure to press Enter after typing the values; otherwise, they won't "stick."

  4. Repeat steps 1 through 3 for the E-mail field.

  5. Inspect the multi-line text area.

    In Text Area Inspector, you can set various attributes corresponding to those of a <TEXTAREA> element.

  6. Increase the size of the element by specifying the number of columns and number of rows to, say, 30 and 6.

  7. Save the Main component.

Table of Contents Next Section