Group screen controls

You can group screen controls together, creating a grouped control, and then move and resize the grouped control as a single unit. Grouping screen controls has no effect on how they work in performance, but makes it easier to quickly create a layout. You can group screen controls using the Group button, using the shortcut menu, or using a background screen control.

You can quickly add one or more screen controls to a group and move or resize individual controls in a group without ungrouping them.

You can add a panel or an image to the background of a grouped control to re-create the look of a hardware panel and visually distinguish the grouped control in the workspace.

Group a set of screen controls

  1. Select the screen controls you want to group together.

    The Group button is highlighted, indicating that the selected controls can be grouped.

  2. Do one of the following:

    • Click the Group button (or press Shift-Command-G).

    • Control-click the selected controls, then choose Group from the shortcut menu.

    The screen controls are grouped into a single, grouped control. If there is no background around the screen controls, one is added to encompass them. Selecting any member of the group selects the entire group so you can move and resize them together.

    When you group screen controls, the edges of the background appear “dotted” to indicate that the controls are grouped. When grouped controls are selected, the Ungroup button is highlighted, indicating that the controls are grouped. If you want to move one of the grouped controls separately, you can ungroup the controls.

Group screen controls using a background screen control

  1. Drag a background screen control to the workspace.

  2. Size and position the background screen control.

  3. Drag the screen controls you want to include in the grouped control so they are within the borders of the background screen control.

Ungroup screen controls

  1. Select the grouped control.

  2. Click the Group button again (or press Option-Shift-Command-G).

Add a screen control to a group

Move or resize a screen control in a group

  1. Select the individual screen control you want to move or resize.

    The handles of the screen control appear so you can move or resize it independently from the group.

  2. Hold down the Command key as you move or resize the screen control.

Change the look of the background

  1. Select the background.

    The Screen Control Inspector appears to the left of the workspace.

  2. In the Appearance section of the Screen Control Inspector, do one of the following:

    • To add a panel: Click the Panel well, and choose a panel from the menu.

      If the background currently uses an image, select the Panel button before choosing a panel.

    • To add an image: Select the Image button, then do one of the following:

      • Drag an image to the Image well.

      • Click the Select button, browse to the location of the image, then select the image.

Add a grouped control to the Screen Controls palette

Do one of the following:

After you add the first grouped control to the Screen Controls palette, the My Grouped Controls tab appears. Select this tab (or the All tab) to see the custom grouped controls you have added to the Screen Controls palette.