Changing element layers or stacking orders

Design editor Getting Started

When added to your design, elements are in layers. Front layers show up on top of layers at the back.

Alignment moves the selected element to the position that you chose concerning the design page.

Snapied support two methods of element stacking:

1: Header position control and

2: Layers

1: Header position control

How to activate the position control:

  • Click to select the element you want to move. If you have an element behind some other element, you can set the position from layers.
  • On the toolbar above the editor, click Position objects.
  • To change layers, click Forward to move it up, or Backward to move it down. Changing element layers.png

Position object has 4 controls:

Bring to forwarding

Moves an object or a selection up in a stack of drawn objects An optional parameter, intersecting allows moving the object in front of the first intersecting object. Where intersection is calculated with a bounding box. If no intersection is found, there will not be a change in the stack.

Bring to front

Moves an object or the objects of multiple selections to the top of the stack of drawn objects

Send backward

Moves an object or a selection down in a stack of drawn objects An optional parameter, intersecting allows to move the object in behind the first intersecting object. Where intersection is calculated with a bounding box. If no intersection is found, there will not be change in the stack.

Send to back

Moves an object or the objects of multiple selections to the bottom of the stack of drawn objects.

2: Layers

Each object in the layer support: Delete, hide, and lock

The position positions can be controlled by dragging and dropping the objects.

Leave a Reply

Your email address will not be published.