Link Studio

Moving Components Around

Every block has an action bar that appears when you select it. This is where all the moving and copying happens. Select a block on the canvas to see it.

A selected block showing its action bar1000 x 560

Make sure you selected the right block

When one block sits inside another, it is easy to select the wrong one, because they can cover the exact same spot. A common case: a Container wrapping an Image just to make it clickable. The Image fills the Container edge to edge, so a click that feels like it picks the Container actually picks the Image inside it.

That leads to confusing results:

  • Move up or down seems to do nothing. You are moving the Image, but it is the only thing in the Container, so it has nowhere to go.
  • Insert adds in the wrong place. A new block lands next to the Image (inside the Container), not next to the Container as you expected.

If an action is not doing what you expect, check what is actually selected:

The Select parent button
The first button on the action bar jumps the selection up to the block's parent Container. It shows only when the block is nested, which is exactly this situation.
The Fields panel breadcrumb
The top of the Fields panel shows the selected block, with a breadcrumb of the Containers it sits inside. Click a parent in that breadcrumb to select it instead, for example jump from the Image up to its Container.
The Layers panel
Open Layers to see the whole tree. The highlighted row is what is selected, and you can click the exact block you mean. See Layers.

When you want to move or add something next to the group, select the Container first, not the block inside it. The breadcrumb and Layers are the reliable way to be sure.

The action bar buttons

These buttons sit directly on the action bar:

Select parent
Selects the Container or Grid this block sits inside. It is the first button on the bar, and it appears only when the block is nested inside another block.
Move up / left
Moves the block one position earlier, above or before its neighbour.
Move down / right
Moves the block one position later, below or after its neighbour.
Copy
Copies the block so you can paste it somewhere else.
Paste after this
Pastes the copied block right after the selected one.
Remove
Deletes the block from the page.
More (three dots)
Opens a menu with the rest of the actions below.

The more menu

Open the three-dots menu on the action bar for the full set of actions.

Actions

Wrap with Container
Puts the selected block inside a new Container, handy when you want to group and style it with others.
Move Outside
Moves the block out of its parent Container or Grid, up to the next level. Use this to pull a block out of a group.

Copy and paste

Duplicate
Makes an instant copy right next to the block. Shortcut ⌘ D.
Copy
Copies the block to your clipboard. Shortcut ⌘ C.
Cut
Copies the block and removes it from its current spot, ready to paste elsewhere. Shortcut ⌘ X.
Paste Next To This
Pastes the copied block right after the selected one. Shortcut ⌘ V.
Paste Inside
Pastes the copied block inside the selected Container or Grid. Only shown for layout blocks. Shortcut ⌘ ⌥ V.
Moving a block into a Container

Cut the block, select the Container you want it in, then Paste Inside. That is the quickest way to move a block from one group into another.