×
Menu
Index

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

Align to Grid

9. Align to Grid
Align the selected elements using the spacing predefined in the drop down menu as shown below or choosing custom to set it in the Align to Grid Dialog. The predefined spacing can be set under the preference item Align to Grid.
 
The example below shows how to use this function. Suppose we have six text elements added on a page like the following.
Though we can align them manually one by one, using this function will make the task more easier. Selecting all the elements above and apply this function by selecting "20" from the drop down menu. They will be aligned as follows:
 
 
10

Center Horizontally

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

Center Vertically

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

Make Same Size

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

Make Same Width

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

Make Same Height

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

Group

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

Ungroup

16. Ungroup
Separate the grouped elements.
17

Add to Sticky Header

17. Add to Sticky Header
Stick the selected elements on a page. They will not be moved when the page is scrolled. Only elements at the top of the page can be added.
18

Remove From Sticky Header

18. Remove From Sticky Header
Unstick the selected element on a page. They will then be scrolled together with the page.
19

Select All in Sticky Header

19. Select All in Sticky Header
Select all the elements that are added to the sticky header.