Layout Toolbar

InstallShield 2016

The Layout toolbar provides several tools for aligning and resizing controls in a dialog. This toolbar is displayed when you edit a dialog’s layout in the Dialog Editor.

Most buttons on this toolbar are enabled only when you have selected more than one control. To select multiple controls, select one, press the SHIFT key, and select the other; or hold the mouse button down and drag the cursor across several controls. The Layout toolbar contains the following buttons:

Layout Toolbar Buttons

Button

Name

Description

Align Left

Select two or more controls and click the Align Left button to align all of the selected controls with the left edge of the leftmost control.

Align Right

Select two or more controls and click the Align Right button to align all of the selected controls with the right edge of the rightmost control.

Align Top

Select two or more controls and click the Align Top button to align all of the selected controls with the top edge of the uppermost control.

Align Bottom

Select two or more controls and click the Align Bottom button to align all of the selected controls with the bottom edge of the lowermost control.

Center Vertical

Select a control and click the Center Vertical button to reposition the element in the vertical (x-axis) center of the dialog.

Center Horizontal

Select a control and click the Center Horizontal button to reposition the element in the horizontal (y-axis) center of the dialog.

Space Across

Select three or more controls on the dialog and click the Space Across button to have them evenly distributed horizontally across the dialog.

Space Down

Select three or more controls on the dialog and click the Space Down button to have them evenly distributed vertically along the dialog.

Make Same Width

Select two or more controls and click the Make Same Width button to resize the width of the smaller controls to the width of the largest control.

Make Same Height

Select two or more controls and click the Make Same Height button to resize the height of the smaller controls to the height of the largest control.

Make Same Size

Select two or more controls and click the Make Same Size button to make the smaller controls the exact size of the largest control.

Bring to Front

Select a control and click the Bring to Front button to place it on top of any overlapping controls. See note below.

Send to Back

Select a control and click the Send to Back button to place it behind any overlapping controls. See note below.

Show Grid

Click the Show Grid button to place design-time grid lines on the dialog, or to remove the grid if it is present.

Note • The Bring to Front and Send to Back actions are not saved when you close and reopen your project. These actions are for use during design only. For example, you might have a dialog that displays different controls based on a condition. You can use the Bring to Front and Send to Back actions to work on these different controls while you are designing your dialog.