Alignment Buttons: FrameShop Design Editor

Alignment Buttons

Alignment Buttons

The alignment buttons give a wide variety of alignment options for arranging objects on a mat. Use the different Alignment buttons to organize the position of objects to one another or to the mat.

Centering Buttons

Centering Buttons

The first row of Alignment Buttons are used to Center objects. 

This includes: 

  • Center Openings Horizontally to Mat

  • Center Openings Horizontally and Vertically to Mat

  • Center Openings Vertically to Mat

If several objects are selected, they are centered as a locked group.

Center Openings Horizontally to Mat 

Center Openings Horizontally to Mat 

Select the desired object(s).

Click the Center Openings Horizontally to Mat button.

The object(s) is centered to the mat horizontally.

Center Openings Horizontally and Vertically to Mat 

Center Openings Horizontally and Vertically to Mat 

Select the desired object(s).

Click the Center Openings Horizontally/Vertically to Mat button.

The object(s) is centered to the mat both horizontally and vertically.

Center Openings Vertically to Mat

Center Openings Vertically to Mat

Select the desired object(s).

Click the Center Openings Vertically to Mat button.

The object(s) is centered to the mat vertically.

Horizontal Alignment Buttons

Horizontal Alignment Buttons

The middle row of the Alignment Buttons are the Horizontal Alignment Buttons. 

They activate when two or more objects are selected. 

This includes:

  • Align to Left Edge

  • Align to Center

  • Align to Right Edge

The Horizontal Alignment Buttons align the opening horizontally to the selection of openings within their bounding rectangle.

Align to Left Edge

Align to Left Edge

Align to Left Edge aligns the objects horizontally to the left edge of the selection of openings within the bounding rectangle.                                    

Select the desired objects.

Click the Align to Left Edge button. 

The objects align to the left edge of the selection of objects.

Align to Center

Align to Center

Align to Center aligns the objects centered horizontally to the selection of openings within the bounding rectangle.

Select the desired objects.

Click the Align to Center button.

The objects align to the center of the selection of objects.

Align to Right Edge

Align to Right Edge

Align to Right Edge aligns the objects horizontally to the right edge of the selection of openings within the bounding rectangle.                    

Select the desired objects.

Click the Align to Right Edge button.

The objects align to the right edge of the selection of objects.

Vertical Alignment Buttons

Vertical Alignment Buttons

The bottom row of the Alignment Buttons are the Vertical Alignment Buttons. 

Vertical Alignment Buttons align the objects(s) vertically to the selection of openings within the bounding rectangle. 

They activate when two or more objects are selected. 

This includes:

  • Align to Bottom Edge

  • Align to Middle

  • Align to Top Edge 

Align to Bottom Edge

Align to Bottom Edge

Align to Bottom Edge aligns the objects vertically to the bottom edge of the selection of openings within the bounding rectangle.                        

Select the desired objects.

Click the Align to Bottom Edge button.

The objects align to the bottom edge of the selection of objects.

Align to Middle

Align to Middle

Align to Middle aligns the objects vertically to the middle of the selection of openings within the bounding rectangle. 

Select the desired objects.

Click the Align to Middle button.

The objects align to the middle of the selection of objects.

Align to Top Edge

Align to Top Edge

Align to Top Edge aligns the objects vertically to the top edge of  the selection of openings within the bounding rectangle.

Select the desired objects.

Click the Align to Top Edge button.

The objects align to the top edge of the selection of objects.