PATH Documentation > WebObjects 4.5 > Getting Started With WebObjects

Optional Exercise

You can tidy up the user interface even further by putting the query part of the page in a table to match the editing part of the page. Also, you should consider capitalizing Main.wo's text field labels.

To put the query part of the page in a table, follow these steps:

Put the cursor inside the form element before the "title" text field (in the Query By Example segment).
Click the button in the toolbar to add a table.
The table panel appears.
Enter 2 in the Rows field and 2 in the Columns field.
Enter 0 for in the Border field to remove the appearance of a border.
Uncheck "First row cells are header cells." The first row text will not appear in bold.
Click OK. The table appears in your page.
Type the labels Title: and Category: in the cells in the first column.

The table doesn't resize to accommodate new cell content until you're done typing; that is, until you move the cursor out of the edited cell.

Cut and paste the query text fields into their corresponding table cells.

Just click a text field to select it. When a text field is selected, it appears shaded with a box around it. Choose Cut from the Edit menu, double-click the cell to select its text, and choose Paste from the Edit menu.

Delete the old query field labels.

When you're done, the query part should look like this:

Now edit the text labels in the editing part of the page and put any other finishing touches on the page that you want. The finished component might look something like this: