Add or remove a row or column

You can divide a Grid layout panel into rows and columns to organize child objects into a better layout. After you add rows or columns to a Grid layout panel, new properties under Layout in the Properties panel are added to child objects to specify which row and column they are positioned in. Additionally, existing Layout properties of the child objects switch to apply to their position in the grid cell (or cells) in which they are contained.

To add a row or column to a Grid layout panel

  1. In the Tools panel, click Selection Cc294491.2ff91340-477e-4efa-a0f7-af20851e4daa(en-us,Expression.30).png.

  2. Click the Grid layout panel to which you want to add a row or column. A blue highlight appears around the Grid layout panel, to indicate that it is now the active element.

  3. Notice that rulers appear along the top and left sides of the Grid layout panel. When you move your pointer over one of these rulers, the pointer changes to an arrow with a plus (+) sign Cc294491.a61a7ecb-9364-4bfe-ae2e-fac00d6858ba(en-us,Expression.30).png, and an orange line shows where a column or row will be added. Click anywhere on the top ruler to add a column to the Grid layout panel at that position, or click anywhere on the left ruler to add a row.

    Cc294491.814b7368-8ef4-4771-a067-17e30a9f4bff(en-us,Expression.30).png

    Tip

    You can either draw your elements on the artboard first and then add rows or columns, or you can add rows or columns first and then draw your elements on the artboard.

To remove a row or column from a Grid layout panel

  • Double-click a grid divider Cc294491.e91e3024-62b1-46db-a73c-7e2ef5fd2780(en-us,Expression.30).png on the top or left ruler to delete it. Alternatively, single-click the grid divider Cc294491.e91e3024-62b1-46db-a73c-7e2ef5fd2780(en-us,Expression.30).png and then press DELETE.