The toolbar provides buttons to assist you in aligning or resizing the components in your UI Designs.
The selected objects will be displayed with a bounding box that has drag rectangles at each corner and in the middle of each side as shown in Figure 1.
Figure 1 - Multiple objects ready for size matching
The size matching operation will use the most recently selected component as the standard for the desired size of the other selected objects.
NOTE You can recognize the most recently selected component by looking for the one with solid drag rectangles. In Figure 1, the Range Editor component illustrates the appearance of the most recently selected component.
The toolbar's buttons are logically grouped into sets which perform similar operations, as shown in Figure 2. The two buttons in the Match section allow you to match the width or height of the selected objects respectively.
Figure 2 - The Toolbar Pane for the UI Design Editor
The selected components will be resized as necessary to match the height or width of the most recently selected component, as shown in Figure 3.
Figure 3 - Multiple objects after resizing
NOTE If you perform an operation that does not give the desired results, you may use the standard Undo item in the Edit menu to restore your design to its original state.