Aligning Page Controls and Page Control Labels

When you are in page design mode, the Align and Align Label buttons on the page definition toolbar enable you to align your page controls and their labels relative to each other, both horizontally and vertically.

PeopleSoft Application Designer uses relative alignment; the last item that you select is the guide, or anchor. All selected page controls or page control labels align relative to the anchor. The anchor does not move when you select an alignment option.

You can align page controls and their labels together by using the Align buttons. Both the control and its label move when you use this option. You can also align labels by themselves without moving the associated controls by using the Align Label buttons. The Align and Align Label buttons are enabled when you select two or more page controls or page control labels.

In addition to using the Align buttons, from the menu you can also select Layout, Align and then the control or label alignment position.

Note: Align the page controls before you align their labels.

Aligning Page Controls

To align page controls:

  1. Select the controls that you want to align by pressing Ctrl and then clicking each page control.

    Note: You can also select multiple page fields by clicking and dragging the cursor around the controls. However, for relative alignment purposes, the Ctrl + click is the preferred method of selection, because it enables you to explicitly set the anchor control.

  2. Click the appropriate Align button in the toolbar: Align Left, Center, Right, Top, Middle, or Bottom.

    When the page controls move, their labels move with them maintaining relative positioning to the associated controls.

    You can manually move page controls after relative alignment, though previous alignment is not preserved.

Aligning Page Control Labels

To align page control labels:

  1. Select the labels that you want to align by pressing Ctrl and then clicking each label or control.

  2. Click the appropriate relative alignment button in the toolbar: Align Label Left, Center, or Right.

    When the labels move, their controls remain stationary.

    You can manually move labels after relative alignment, though previous alignment is not preserved.