---
title: "Editing Data Grid Items with the Property Grid"
slug: "editing-data-grid-items-with-the-property-grid"
description: "This document demonstrates how to edit items in a Data Grid, via a pop-up control called the Property Grid.  This feature is enabled by opening the Data Grid's Properties panel and setting the Grid Mode to PropertyGridEdit. "
tags: ["Organization", "Displaying Lists", "Editing Lists"]
updated: 2025-06-17T15:55:57Z
published: 2025-06-17T15:55:57Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.decisions.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Editing Data Grid Items with the Property Grid

## Overview

Objects within a [Data Grid](/v9/docs/displaying-lists-of-objects-in-a-data-grid) can be edited either with a **P****roperty Grid** or [**inline**](/v9/docs/editing-data-grid-items-inline).

---

## Example

In this example, a Form pulls a list of accounts from the Decisions Portal and displays them within a Data Grid. The user will be able to edit the selected item's data and add/remove data items.

1. In the Designer Project, [create a new Flow.](https://documentation.decisions.com/v9/docs/create-flows) It will automatically open in the Flow Designer.
2. After the start step, navigate to **Toolbox >****Integration > Internal Services > AccountService**and add the **GetAll** step. Connect the start step to it.![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2025-06-17_11h26_53.png)
3. [](https://documentation.decisions.com/creating-a-designer-folder)After the GetAll step, add a **Show Form** step in the Toolbox's favorites. Connect the GetAll step to it.
4. With the Show Form step selected, click PICK OR CREATE FORM to create a new Form. It will automatically open in the Form Designer.  
![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2025-06-17_11h29_27.png)
5. Add a **Data Grid**control with the Data Name 'DisplayProducts' and a **Button**named****'OK'. Then, add a **Data Grid Add Button** and a  **Data Grid Remove Button** from **DATA > DATA GRID** in the****Toolbox****panel.   
![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2025-06-17_11h32_14.png)
6. Select the Data Grid. In the Properties panel, click the Type drop-down list under INPUT DATA. Enter "account" in the text box and select **Account [DecisionsFramework.]**.
7. Under the OUTPUT DATA category, select the **Grid Mode** drop-down box. Choose **PropertyGridEdit** and enter "Edited Data" in the **Data Name**field. Uncheck the OK checkbox under OUTCOME SCENARIOS**, and**set OK****to **Optional**.  
![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2025-06-17_11h39_18.png)
8. Under the INPUT DATA category, select the drop-down list under **Add Button** and select **DynamicDataGridAddButton**. Then, select the **Remove Button** drop-down list under **Remove Button** and select **DynamicDataGridRemoveButton**.  
![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2025-06-17_11h41_24.png)
9. Click **Save**and close the Form Designer.
10. With the Form selected, navigate to the Display Products Input, change its input mapping to **Select From Flow,**and select the **Get All_ Output**so the Data Grid will display the all the accounts the GetAll step gathers.  
![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2025-06-17_11h54_21.png)
11. Connect the OK path to the **End**step.

---

## Debug

1. Click **Debug**on the top action panel. Then, click START DEBUGGING.
2. Click on a desired Data Grid item and click **Edit**from the action menu to edit it. The user may also add/remove an item with its respective button.

---

For further information on Forms, visit the [Decisions Forum](https://community.decisions.com/categories/Forms).