Navigation:  How-To >

Add, Move and Resize Element

Previous pageReturn to chapter overviewNext page

Add Element

To add an element into your page, you can try any of the three approaches.

1.Drag element from elements panel into the working area. (specify element location only)

drag_and_drop_to_area

2.Double click element in the elements panel. (auto allocate location)

double_click_to_add_element

3.Single click element in the elements panel, then drag and drop in the working area. (specify element location and size)

click_dnd_add_element

Move Element

To move the element, you need to select it (by single left click) and then drag to move.

dnd_to_move_element

You can also move the selected element (pixel by pixel) with the arrow keys on keyboard. If you hold the SHIFT key and press the arrow keys, the selected element will be nudged for a longer distance, which can be configured under the "Edit" tab of settings window.

You can select multiple elements a time and then move them together.

Resize Element

To resize the element, you need to select it first, then drag its border or corner to resize.

dnd_to_resize_element

You can also select multiple elements and then resize them together, in this case all selected elements will be stretched accordingly .