Now that you have all your buttons in a row, you can take advantage of the AppBuilder’s layout options to line them up and space them out properly.

To select all four buttons and align them:

  1. Select all the buttons at once, either by drawing a rectangle around them with the mouse or by selecting each one in turn by pressing CTRL+LEFT-MOUSE-CLICK. The following illustration shows all four buttons selected:
  2. Select the Layout menu in the AppBuilder window:

    Here you can see a number of methods to adjust the layout of your window.

    If you select Even Spacing Left-to-Right, for instance, the AppBuilder adjusts the spacing in between the buttons to even it out.

  3. Experiment with some of these options if you like. The Alternate Layout option is rather advanced, and you should leave this one until later. It lets you define different layouts of your window for different user interface types, or even for different user groups or other special customizations.
    If you expand the Align item, you see a number of ways in which you can align a group of selected fields, buttons, or other objects in your window:
  4. Run your window once again to see all your buttons in action.

This section gives you an overview of the OpenEdge AppBuilder. In the next section, you examine the code that the AppBuilder generates for you.