Design › Designing Client Procedures › Lesson Activity › eGolf Services Home › eGolfer Registration › Positioning

Positioning

By now, you can be thinking that your window does not look very great. Let us stop for a moment and go through a few positioning steps to make it look a little bit better.

The first thing you can have noticed when placing the email entry field is that it extended off the right side of the window. We can make it look better by making it the same size as the name fields.

Follow these steps:

1. Select the Last Name entry field (not the prompt). Hold down the Ctrl key on your keyboard while selecting the Email Address entry field. From the Menu Bar select Edit, select Position…, select the Equal Width check box, and then select the OK push button.
2. Reviewing the window design, there are two determining factors affecting our overall layout. Confirm Password is the widest prompt, and we want all of the fields to align with its right side. In addition, the combined Email Address prompt and field is the widest total line, which we would like centered.

   Select the prompt Confirm Password: and then, using the Ctrl key, select all of the other prompts. From the Menu Bar select Edit, select Position…, select the Equal Width check box, and then select the OK push button. If you get a warning that you are going to overlap some fields, select Yes.

3. Now, select the Email Address prompt and, with the Ctrl key, select the Email Address field. From the Menu Bar select Edit, select Position…, select Align Horizontally Bottom, select Separate Horizontally by a Distance of 5, select Move Horizontally Center, and then select the OK push button.
4. Select the Email Address field (not the prompt) and with the Ctrl key held down select the Last Name field and the First Name field (again, just the fields, not the prompts). Then, from the Menu Bar, select Edit, select Position…, select Align Vertically Left, select Separate Vertically by a Distance of 5, Select Arrange prompts against the fields, and then select the OK push button.
5. Next, select the First Name field, and with the Ctrl key held down select the Confirm Password field, and the User ID field. From the Menu Bar, select Edit, select Position…, select Align Vertically Left, select Arrange prompts against the fields, and then select the OK push button.
6. Finally, select the Confirm Password field and with the Ctrl key held down select the Password field. From the Menu Bar, select Edit, select Position…, select Align Vertically Left, select Separate Vertically by a Distance of 5, select Arrange prompts against the fields, and then select the OK push button.