# Manage a Unit

### Manage Units

Select a unit to perform an action.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FDtoHWeTTPWCQPwmDROnf%2FManage_a_Unit.01.png?alt=media&#x26;token=32f15f00-af27-432f-a96c-47ccae7c3397" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="50">№</th><th width="200">Action</th><th>Description</th></tr></thead><tbody><tr><td>1</td><td>Select</td><td><ul><li>Click on a layout or an element at the block; </li><li>Go to the <strong>Block structure</strong> tab and click on the unit in the list.</li></ul><p>! Use the <strong>Show parents</strong> hotkey to quickly navigate through nested units.</p></td></tr><tr><td>2</td><td>Open context menu</td><td><ul><li>Select a unit and click on the <strong>Context menu</strong> icon.</li></ul><p>A pop-up window will appear.</p></td></tr><tr><td>3</td><td>Copy</td><td><ul><li>Go to the context menu and select the <strong>Copy</strong> option;</li><li>Use the keyboard shortcut <strong>Cmd (Ctrl) + C</strong>.</li></ul><p>A unit will be copied to the clipboard.</p></td></tr><tr><td>4</td><td>Cut</td><td><ul><li>Go to the context menu and select the <strong>Cut</strong> option;</li><li>Use the keyboard shortcut <strong>Cmd (Ctrl) + X</strong>.</li></ul><p>A unit will be copied to the clipboard and will be deleted from the layout.</p></td></tr><tr><td>5</td><td>Delete</td><td><ul><li>Go to the context menu and select the <strong>Delete</strong> option;</li><li>Use the Delete / Backspace keys.</li></ul><p>A unit will be deleted from the layout.</p></td></tr><tr><td>6</td><td>Restore</td><td><ul><li><a href="add-a-unit">Add</a> a deleted unit via the <strong>Stash</strong> tab.</li></ul></td></tr><tr><td>7</td><td>Hide</td><td><ul><li>Go to the context menu and select the <strong>Hide</strong> option;</li><li>Click the hide icon at the <strong>Block structure</strong> tab;</li><li>Use the keyboard shortcut <strong>⇧ (Shift) + H</strong>.</li></ul><p>A unit will be hidden from the layout, but will remain on the <strong>Block structure</strong> tab.</p></td></tr><tr><td>8</td><td>Show hidden </td><td><ul><li>Click the hide icon at the <strong>Block structure</strong> tab;</li><li>Use the keyboard shortcut <strong>⇧ (Shift) + H</strong>.</li></ul><p>A unit will appear at the layout.</p></td></tr><tr><td>9</td><td>Wrap in container</td><td><ul><li>Go to the context menu and select the <strong>Wrap in container</strong> option;</li><li>Click the <strong>⇧ + C</strong> button at the <strong>Grid</strong> tab;</li><li>Use the keyboard shortcut <strong>⇧ (Shift) + C</strong>.</li></ul><p>A unit will be wrapped in a centered container layout.</p><p></p><p>A Block structure tab will be opened.</p></td></tr><tr><td>10</td><td>Wrap in button</td><td><p></p><ul><li>Go to the context menu and select the <strong>Wrap in button</strong> option;</li><li>Use the keyboard shortcut <strong>⇧ (Shift) + B</strong>.</li></ul><p>A unit will be wrapped in a button structure (structural button + structural container layout).</p><p></p><p>A Block structure tab will be opened.</p></td></tr><tr><td>11</td><td>Unwrap</td><td><ul><li>Go to the context menu and select the <strong>Unwrap</strong> option;</li><li>Use the keyboard shortcut <strong>⇧ (Shift) + U</strong>.</li></ul><p>A unit will be unwrapped from the current layout.<br></p><p>A Block structure tab will be opened. </p></td></tr><tr><td>12</td><td>Navigate</td><td><ul><li>Use the keyboard shortcut <strong>⇧ (Shift) + ↑→↓←</strong>.</li></ul><p>Navigate through the layout:<br></p><ul><li><strong>⇧ (Shift) + left / right</strong> keys will change nesting (drop into children, drop out into parents);</li><li><strong>⇧ (Shift) + up / down</strong> keys will switch to the previous / next neighbor.</li></ul><p>A Block structure tab will be opened.</p></td></tr><tr><td>13</td><td>Save as Asset</td><td><ul><li>Click the <strong>Save to Asset</strong> icon at the <strong>Grid</strong> tab;</li><li>Use the keyboard shortcut <strong>Cmd (Ctrl) + S</strong>.</li></ul><p>A unit will be saved as a template at the Asset tab.</p></td></tr><tr><td></td><td>Rename</td><td><ul><li>Go to the <strong>Block structure</strong> tab and double-click on the unit name.</li></ul></td></tr><tr><td></td><td>Paste</td><td><ul><li>Use the keyboard shortcut <strong>Cmd (Ctrl) + V</strong>.</li></ul><p>A unit will be pasted to the layout.</p></td></tr><tr><td></td><td>Undo</td><td><ul><li>Use the keyboard shortcut <strong>Cmd (Ctrl) + Z</strong>.</li></ul><p>The last action performed will be undone.</p><p></p><p>! Use the <a href="../../../editor/edit-blocks/manage-a-block#manage-block-history">Block history</a> option to manage all the block changes.</p></td></tr><tr><td></td><td>Redo</td><td><ul><li>Use the keyboard shortcut <strong>Cmd (Ctrl) + Y</strong>;</li><li>Use the keyboard shortcut <strong>Cmd (Ctrl) + ⇧ (Shift) + Z</strong>.</li></ul><p>The last undone action will be redone.</p><p></p><p>! Use the <a href="../../../editor/edit-blocks/manage-a-block#manage-block-history">Block history</a> option to manage all the block changes.</p></td></tr><tr><td></td><td>Show Box model</td><td><ul><li>Press the <strong>Option (Alt)</strong> key and hover over the unit.</li></ul><p>The following unit properties will be shown:<br></p><ul><li>dimensions (w, h);</li><li>x / y axis (for Absolute layout);</li><li>paddings (if any);</li><li>margins (if any);</li><li>border (if any).</li></ul></td></tr><tr><td></td><td>Show parents</td><td><ul><li>Use the <strong>⇧ (Shift)</strong> key.</li></ul><p>Parent units labels will be displayed.</p></td></tr></tbody></table>

### Manage Units in a Cells Layout

Select a unit wrapped in the Cells layout to perform an action.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FZRzTb9REey4Z7D9PcpNY%2FManage%20_a_Unit.02.png?alt=media&#x26;token=fdd7af42-9ab5-4d4e-ad44-4cfcf26f6f3f" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="50.20001220703125">№</th><th width="200">Action</th><th>Description</th></tr></thead><tbody><tr><td>1</td><td>Bring forward</td><td><ul><li>Go to the context menu and select the <strong>Bring forward</strong> option;</li><li>Use the keyboard shortcut <strong>⇧ (Shift) + ]</strong>.</li></ul><p>A unit will be moved forward to a layer above.</p></td></tr><tr><td>2</td><td>Send backward</td><td><ul><li>Go to the context menu and select the Send backward option;</li><li>Use the keyboard shortcut <strong>⇧ (Shift) + [</strong>.</li></ul><p>A unit will be moved back to a layer below.</p></td></tr><tr><td>3</td><td>Element in flow</td><td><ul><li>Click the Element in flow icon at the Block structure tab;</li><li>Go to the context menu and select the Element in flow option;</li><li>Use the keyboard shortcut <strong>⇧ (Shift) + F</strong>.</li></ul><p>A unit automatically stretches the grid to fit the unit size.</p></td></tr><tr><td>4</td><td>Clone</td><td><ul><li>Go to the context menu and select the Clone option;</li><li>Use the keyboard shortcut <strong>Cmd (Ctrl) + D</strong>.</li></ul><p>A duplicated unit will appear at the row below the original unit.</p><p></p><p>! If the duplicated unit takes up more than one row, the clone overlaps the original unit by -1 row.</p></td></tr><tr><td>5</td><td>Move</td><td><ul><li>Hold and <strong>drag</strong> the unit;</li><li>Use the <strong>↑→↓←</strong> keys.</li></ul><p>A unit will be moved by one row / column.</p></td></tr><tr><td>6</td><td>Switch elements</td><td><ul><li>Select 2 units via <strong>Cmd (Ctrl)</strong> key and click the S<strong>witch elements</strong> icon;</li><li>Select 2 units via <strong>Cmd (Ctrl)</strong> key and use the keyboard shortcut <strong>⇧ (Shift) + S</strong>.</li></ul><p>Units will change the order.</p></td></tr><tr><td>7</td><td>Show root grid</td><td><ul><li>Use the keyboard shortcut <strong>Cmd (Ctrl) + G</strong>.</li><li>Enable <strong>Show root grid</strong> toggle at the editor settings.</li></ul><p>The grid for the root will be shown / hidden.</p></td></tr></tbody></table>

### Manage Units in a Container Layout

Select a unit wrapped in the Container layout to perform an action.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FfV0wg8fDWVYk4rACpti3%2FManage%20_a_Unit.03.png?alt=media&#x26;token=0af78a7f-0a99-420a-9519-a25a12bd7d98" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="50.20001220703125">№</th><th width="200">Action</th><th>Description</th></tr></thead><tbody><tr><td>1</td><td>Grow</td><td><ul><li>Click the <strong>Grow</strong> icon at the <strong>Grid</strong> tab;</li><li>Go to the context menu and select the <strong>Grow</strong> option;</li><li>Use the keyboard shortcut <strong>⇧ (Shift) + G</strong>.</li></ul><p>A unit will expand and fill the available space.</p></td></tr><tr><td>2</td><td>Shrink</td><td><ul><li>Click the <strong>Shrink</strong> icon at the <strong>Grid</strong> tab;</li><li>Go to the context menu and select the <strong>Shrink</strong>  option;</li><li>Use the keyboard shortcut <strong>⇧ (Shift) + S</strong>.</li></ul><p>A unit will expand and fill the available space.</p></td></tr><tr><td>3</td><td>Clone</td><td><ul><li>Go to the context menu and select the <strong>Clone</strong> option;</li><li>Use the keyboard shortcut <strong>Cmd (Ctrl) + D</strong>.</li></ul><p>A duplicated unit will appear to the right of the original unit.</p></td></tr><tr><td>4</td><td>Move</td><td><ul><li>Hold and <strong>drag</strong> the unit;</li><li>Use the <strong>↑→↓←</strong> keys.</li></ul><p>A unit will change the order.</p></td></tr></tbody></table>

### Manage Units in an Absolute Layout

Select a unit wrapped in the Absolute layout to perform an action.

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FSQdbfTgwVBwJBbBmEGkI%2FManage%20_a_Unit.04.png?alt=media&#x26;token=ac80bf08-3270-47c6-960c-79eeb9ab5431" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="50.199951171875">№</th><th width="200">Action</th><th>Description</th></tr></thead><tbody><tr><td>1</td><td><p>Bring forward</p><p><br></p></td><td><ul><li>Go to the context menu and select the <strong>Bring forward</strong> option;</li><li>Use the keyboard shortcut <strong>⇧ (Shift) + ]</strong>.</li></ul><p>A unit will be moved forward to a layer above.</p></td></tr><tr><td>2</td><td>Send backward</td><td><ul><li>Go to the context menu and select the <strong>Send backward</strong> option;</li><li>Use the keyboard shortcut <strong>⇧ (Shift) + [</strong>.</li></ul><p>A unit will be moved back to a layer below.</p></td></tr><tr><td>3</td><td>Clone</td><td><ul><li>Go to the context menu and select the <strong>Clone</strong> option;</li><li>Use the keyboard shortcut <strong>Cmd (Ctrl) + D</strong>.</li></ul><p>A duplicated unit will appear 10px to the right and down the original unit.</p></td></tr><tr><td>4</td><td>Move</td><td><ul><li>Hold and <strong>drag</strong> the unit;</li><li>Use the <strong>↑→↓←</strong> keys.</li></ul><p>A unit will be moved by 1 px.</p></td></tr><tr><td>5</td><td>Move (x10)</td><td><ul><li>Use the keyboard shortcut <strong>Cmd (Ctrl) + ↑→↓←</strong>.</li></ul><p>A unit will be moved by 10 px.</p></td></tr><tr><td>6</td><td>Anchor to Absolute layer angle</td><td><ul><li>Place your cursor over the border of the unit and double-click on the corner you want to snap to.</li></ul><p>When an Absolute layout is resizing, the unit is scaling relative to the anchored corner.</p></td></tr></tbody></table>