---
title: "Layout"
slug: "layout"
updated: 2024-01-31T17:05:57Z
published: 2024-01-31T17:05:57Z
canonical: "kb.dataparc.com/layout"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://kb.dataparc.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Layout

![](https://cdn.document360.io/59db2ca4-e512-446a-a143-a7c626447812/Images/Documentation/image023_012.jpg)

**Size+Move:** Sets selected element’s adorners to resize and move mode. This is the default mode. Click and drag an adorner (blue dot) to resize. Click and drag the element to move.

![](https://cdn.document360.io/59db2ca4-e512-446a-a143-a7c626447812/Images/Documentation/image025_008.jpg)

**Flip:** Flips the selected element across its vertical axis.

![](https://cdn.document360.io/59db2ca4-e512-446a-a143-a7c626447812/Images/Documentation/image027_009.jpg)

**Rotate:** Sets selected element’s adorners to rotate mode. Click and drag an adorner (orange dot) to rotate.

![](https://cdn.document360.io/59db2ca4-e512-446a-a143-a7c626447812/Images/Documentation/image029_008.jpg)

**Skew:** Sets selected element’s adorners to skew mode. Click and drag an adorner (purple dot) to skew.

![](https://cdn.document360.io/59db2ca4-e512-446a-a143-a7c626447812/Images/Documentation/image031_009.jpg)

**Align:** When multiple elements are selected, the relative position and size of the objects can be modified in bulk.

![](https://cdn.document360.io/59db2ca4-e512-446a-a143-a7c626447812/Images/Documentation/image033_007.jpg)

**Align Left:** Align elements by the left property value.

**Align Right:** Align elements by the right property value.

**Align Top:** Align elements by the top property value.

**Align Bottom:** Align elements by the bottom property value.

**Align Horizontal Center:** Align elements so that the horizontal middles are aligned.

**Align Vertical Center:** Align elements so that the vertical middles are aligned.

**Make Same Height:** Sets Height property of elements to the same value.

**Make Same Width:** Sets Width property of elements to the same value.

**Make Same Size:** Sets Height and Width properties of elements to the same values.

**Even Horizontal Space:** When three or more objects are selected, make the horizontal space between the elements the same.

**Even Vertical Space:** When three or more objects are selected, make the vertical space between the elements the same.

**Z-Order:** The relative front-to-back position of elements on the canvas. Z-order is initially determined by the order in which elements are added to the canvas.

![](https://cdn.document360.io/59db2ca4-e512-446a-a143-a7c626447812/Images/Documentation/image035_009.jpg)

**Bring To Front:** Element will be on top of all other elements.

**Move Forward:** Moves the selected element in front of the next top-most element.

**Send To Back:** Element will be on behind of all other elements.

**Move Backward:** Moves the selected element behind the next bottom-most element.

**Move Edit Layer Up:** Changes edit layer to next highest layer in the [Controls](/v1/docs/controls-panel) tree.

**Move Edit Layer Down:** Not currently implemented.