Edit Rows and Cells in the Layout Editor

If you've used a spreadsheet application, such as Microsoft Excel or Google Sheets, you can think of a layout like a spreadsheet. A layout has to have at least one row. and you can add as many additional rows as you like. Initially, a row contains one cell. Each cell can be split one or more times. Rows and cells can be resized, copied, and deleted.

A row takes up the entire width of the app screen and has a specified height. The cell takes up the entire space inside of the row. A blank layout starts as one row with one cell inside it.

Each cell can be split one or more times. You can split a cell vertically or horizontally. When you perform a split, each cell takes up half of the space, but you drag the space separating the two cells to change how much space each cell takes up.

Add a Row

Click + ADD TOP ROW or + ADD BOTTOM ROW above the layout preview.

Insert a Row

1. Select any cell in the row.
2. Click Insert Above or Insert Below from the toolbar.

Set a Row's Height

You can drag the bottom of the row to adjust its height.

1. Hover over the bottom edge of the row.
2. Click and drag up or down to adjust the row's height.

Alternatively, you can manually enter the row's height.

1. Select any cell in the row.
2. Expand Cell Operations in the toolbar
3. In the field, Set Row Height, enter the height in pixels.
4. Hit Enter or click the Save icon.

Important For the alternative method, even though you selected a cell, the resize operation is performed on the entire row.

Delete a Row

1. Hover over the row.
2. Click the Delete icon in the bottom right

Copy a Row

You can copy a row by clicking the row's Copy icon.

1. Hover over the row.
2. Click the Copy icon in the bottom left.
3. Hover over another row.
4. Click the Paste icon in the bottom left.

Alternatively, you can use hotkeys to perform a row copy.

1. Select any cell in the row.
2. Press cmd + shift + c.
3. Select any cell in another row.
4. Press cmd + v.

Split a Cell

You can split a cell by using the icons in the top right of the cell.

1. Hover over the cell.
2. Click the Horizontal Split or Vertical Split icon in the top right.

Important If a cell is too small, the icons don't appear when hovering over the cell.

Alternatively, right-click a cell and use the menu, or use the toolbar to the right of the layout preview to perform a cell split.

1. Select a cell.
2. Expand Cell Operations in the toolbar.
3. Click Horizontal Split or Vertical Split.

Resize Split Cells

Split cells can be resized by hovering over the space between the cells. A blue outline appears around the cells to be resized.

1. Hover over the split.
2. Click and drag the blue line to perform the resize

Adjust Cell Padding

Cells can have their padding adjusted using the layout editor.

1. Select a cell.
2. On the layout editor, go to Cell Operations | Cell Padding.
3. Customize the padding in pixels for the top, bottom, left, and right.

Clear a Cell

1. Select the cell.
2. Press backspace/delete.

Delete a Cell

1. Select the cell.
2. Hover over the cell and click the Delete icon in the bottom right OR press cmd + backspace/delete.

Note To undo deleting or clearing a cell, simply press cmd + z on your keyboard.

Copy a Cell

1. Select the cell.
2. Press cmd + c.
3. Select another cell.
4. Press cmd + v.

Layout Editor Hotkeys