Add or remove a row or column

This page applies to WPF and Silverlight 2

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.

  1. In the Toolbox, click the Selection Cc294491.2ff91340-477e-4efa-a0f7-af20851e4daa(en-us,Expression.10).png tool.

  2. Double-click the grid panel to which you want to add a row or column. A yellow highlight appears around the grid panel, to indicate that it is now the active element.

  3. Notice that rulers appear along the top and left sides of the grid 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.10).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 at that position, or click anywhere on the left ruler to add a row.


    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.

  • Double-click a grid divider Cc294491.e91e3024-62b1-46db-a73c-7e2ef5fd2780(en-us,Expression.10).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.10).png and then press DELETE.

Community Additions