Introduction to Flash MX Tutorial > Add animation and navigation to buttons > Align buttons

 

Align buttons

You can align the three buttons along horizontal and vertical axes using the Align panel.

1

In the Timeline, with the Copy layer selected, add a new layer and name it Buttons. Lock all the layers except the Buttons layer.

2

In the Stage View pop-up menu, on the right above the Stage, enter 150% to enlarge your view of the Stage. Then scroll to the lower right side of the Stage.

3

Drag Button 1 from the buttons.fla Library panel and place it under the lower right corner of the dynamic text field.

When you drag a button from the buttons.fla Library panel, the button becomes part of the library for your document.

4

Drag Button 2 and Button 3 from the buttons.fla Library panel, placing them to the left of Button 1. Use the approximate spacing shown in the following illustration:

5

With the Arrow tool, drag to select all three buttons.

6

To open the Align panel, choose Window > Align. Verify that To Stage is not selected. You do not want to align the buttons relative to the Stage. Click Align Vertical Center, and then click Distribute Horizontal Center.

The buttons align on the Stage.