Create Form with Property Grid
  • 06 May 2021
  • 1 Minute to read
  • Dark
    Light

Create Form with Property Grid

  • Dark
    Light

Overview

The Property Grid form component allows users to define the properties of data objects easily. By defining the Form's data input as a data object, the property grid automatically includes all fields, in their proper formats, related to editing the object.

For example, if you define an Account object as the input for a property grid, the Form that displays to the user will contain all of the fields that can be changed on a user account record, including text fields, date pickers, checkboxes, and drop-down lists.

Example

The Flow example demonstrates how you can create a form using the property grid editor.

  1. In a Designer Folder, select the Create Flow button. 
  2. When the Create Flow dialog appears, select Flow, name the Flow, then select CREATE.
  3. In the Flow Designer, add a Create Data step from the Favorite Steps category. 
  4. With the Create Data step Data To Create select Show Editor.
  5. In the Data Definitions dialog, add an Account [Decisions Framework].
  6. Back in the Flow Designer, navigate to the Create Data step Inputs. Under Accounts, change the mapping type to Constant, pick an existing account. This example uses admin@decisions.com.
  7. On the outcome path of the Create Data step, add a Create Context Provider step. 
  8.  Navigate to the Create Context Provider step Inputs, next to Target, choose Select From Flow, and then choose Account Type.
  9. On the outcome path of the Create Context Provider step, add a Show Form step.
  10. With the Show Form step selected, in the Properties panel, select PICK OR CREATE FORM.
  11. Select CREATE under Create New. Choose Form. Name the Form. Select CREATE.
  12. In the Form Designer, add a Button onto the Form. 
  13. Navigate to the Toolbox and expand DATA > PROPERTY GRID, drag and drop the Property Grid control onto the Form. 
  14. With the Property Grid selected, navigate to the Properties panel. Under INPUT DATA, change the Type to Account, and set the Input Data Name to be "Account".
  15. Save and Close the Form Designer. 
  16. Back in the Flow Designer, add a Close Context Provider step. 
  17. In the Inputs section next to Context ID, choose Select From Flow and add the CreateContextProvider_Output.

Debug

In the Flow Designer, select Debug in the top action panel. The Property Grid will display the fields of that data member. These fields can be edited and saved if the Flow is set up to save the changes. 



Was this article helpful?