How Do I...

Step 6: Align the parts

Step 5: Change the parts' names No tip for this topic No example for this topic Step 7: Add a Message Prompter part

Now that you've made the parts for AlarmClockView, change the size and placement of the parts so the user interface looks better.

Resizing parts

To resize a part:

  1. Click on the part so its handles appear. Handles are filled boxes on the corners and sides of a selected part.
  2. Using mouse button 1, drag one of the handles to resize the part.
  3. Release mouse button 1.

Rearranging parts

To move parts around, do one of the following:

Aligning parts

To align parts:

  1. Select the parts. Be sure to select last the part with which the others will line up.

    To select more than one part on Windows platforms hold down the Shift key and click on the parts using mouse button 1. On OS/2 and UNIX platforms, hold down the Ctrl key, and click on the parts using mouse button 1.

  2. Select an alignment icon in the tool bar. The alignment icons include:

    Align left icon Align center icon Align right icon Align top icon Align middle icon Align bottom icon

    If you make an undesirable choice, you can revert back to a previous display by selecting Undo from the Edit menu.

Evenly spacing parts

To space several parts evenly across or down a window:

  1. Select the parts.
  2. Select a distribution icon in the tool bar. The distribution icons include:

    Space horizontally Space vertically

Copying a part's width or height

To make parts the same width or height:

  1. Select the parts. Be sure to select last the part which will be the model for the others.
  2. Select a sizing icon in the tool bar. The sizing icons include:

    Size horizontally Size vertically

When you finish changing the parts' size and placement, the window in AlarmClockView should resemble the following:
Alarm clock window with parts aligned


[ Top of Page | Previous Page | Next Page | Table of Contents ]