Adding a VerticalGrid component to a form

  1. With the form open, go into the designer (Web Designer in the web client, Design Mode in the Windows client).
  2. In the Toolbox, select the VerticalGrid component.
  3. Click the form where you want the upper left corner of the grid to be, and then drag to set the dimensions of the grid.
  4. Specify properties of the vertical grid in the Component properties sheet.

    Be sure to specify the collection to bind to the vertical grid in the Data Source > Binding property field.

  5. Add the vertical grid elements to be displayed as columns:
    1. Click the "Edit vertical grid element(s)" button in the upper left corner of the vertical grid component.
    2. In the Edit Contained Components dialog box, at a minimum, specify the Data Source > Binding for each vertical grid element.
    3. Optionally, use the Properties property sheet to set other properties as desired.

      We recommend that you at least rename the element to reflect the associated property and purpose (Name property).

    4. To add vertical grid elements to the grid display, click Add.
    5. To remove a selected grid element from the list, click X.
    6. To rearrange the order in which the columns display in the vertical grid, use the Up and Down arrow buttons.
    7. To copy the item to another form container, click the "Copy item to" button.
  6. Click OK as needed to return to the form.
  7. Save your changes.
  8. To establish the grid and grid element bindings, close and reopen the form.
Related topics