left arrow right arrow help header logo background

Arrange

Arrange
1

Bring To Front

1. Bring To Front
Move the selected element to the top of all other elements on the same page.
2

Send To Back

2. Send To Back
Move the selected element to the bottom of the other elements on the same page. Please note that it is still above all elements in the template page except a navigation bar. Navigation bar in the template page is always the top element of the page.
3

Bring Forward

3. Bring Forward
Move the selected element to the top of another element which is immediately above it. For example, the selected element has two other elements above it. Click this button once. The selected element will now be in the middle of the other two elements. Click once again and it will be the top element of the three. If there are no elements above it, it will become the top element of the page.
4

Send Backward

4. Send Backward
Move the selected element to the bottom of another element that is immediately below it. For example, the selected element has two elements below it. Click the button once, the selected element is now under the element immediately below it but above the third element from the top before the button is clicked. Click once again will make the selected element at the bottom of the three. If there are no elements underneath, the selected element will be at the bottom of the other elements on the same page.
5

Align Left

5. Align Left
Align the left edges of all the selected elements to the left edge of the first selected element.
6

Align Right

6. Align Right
Align the right edges of all the selected elements to the right edge of the first selected element.
7

Align Top

7. Align Top
Align the top edges of all the selected elements to the top edge of the first selected element.
8

Align Bottom

8. Align Bottom
Align the bottom edges of all the selected elements to the bottom edge of the first selected element.
9

Center Horizontally

9. Center Horizontally
Center all the selected elements horizontally to the first selected element.
10

Center Vertically

10. Center Vertically
Center all the selected elements vertically to the first selected element.
11

Make Same Size

11. Make Same Size
Resize all selected elements to the same size as the first selected element.
12

Make Same Width

12. Make Same Width
Set the width of all selected elements to the width of the first selected element.
13

Make Same Height

13. Make Same Height
Set the height of all selected elements to the height of the first selected element.
14

Group

14. Group
Mark the selected elements as a single group so that when one of them is selected, all will be selected.
15

Ungroup

15. Ungroup
Separate the grouped elements.