Editing Data Objects in a Wizard Property Grid

Overview

The Wizard Property Grid Form Control allows designers to create a wizard for defining data objects' properties easily. By defining the Form's data input as a data object, the Wizard Property Grid automatically includes all fields, in their proper formats, related to editing the object. For example, if an Account object is defined as the input for a Wizard Property Grid, the wizard 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 example Flow will display a Form that can edit a single Account object. This account's properties display in three sections within a wizard property grid. Navigate between these sections using a Previous button and a Next button. In the first section of the wizard, the Previous button will not display. On the final section in the wizard, the Next button's label will change to Done.

1. Begin in a Designer Folder, and select CREATE FLOW in the Global Action Bar.
2. In the resulting dialog, select Flow, name the Flow, then select CREATE.
3. In the Flow Designer, select the Start step. Select Show Editor under the Properties panel under FLOW INPUTS > Flow Input Data. 
4. In the Data Definitions dialog, name the data "Account" and select the Type's Account. Select CLOSE.
   
   
5. In the Toolbox panel, drag a Show Form step to the workspace in the Favorite Steps category.
6. Select PICK OR CREATE in the Properties panel.
   
   
7. Select CREATE under Create New. 
8. Choose Form. Name the Form. Select CREATE.
   
9. In the Form Designer, navigate to the Toolbox, and expand the DATA > PROPERTY GRID category. Drag and drop a Wizard Property Grid onto the Form.
10. Drag and drop a Wizard Next Button and a Wizard Previous Buttononto the Form from the same DATA > PROPERTY GRID category. 
    The wizard property grid component uses two buttons to navigate between sections. The first button will be the Wizard Next Button when the object described by the wizard property grid has no more sections to display after the current one, its label changes to Done. The Wizard Previous Button will not display on the first section. 
11. Select the Wizard Property Grid and navigate to the Properties panel. Under INPUT DATA > Next Button, select Done. For INPUT DATA > Previous Button, select Previous.
12. Under INPUT DATA > Type, choose Account. 
13. Define the Input Data Name as "Account" and the Output Data Name as "Data".
14. Save and Close (X) the Form Designer.
15. Back in the Flow Designer, connect the outcome path of the Form to the End step.
16. Select the Show Form step in the Properties panel; under INPUTS > Account, and select Account from the Flow.

Debug

1. In the Flow Designer, select Debug in the top action panel.
2. When the Flow runs, the user is prompted to select an account to fill in the fields.
3. The first section is the Data section, the next is the Settings section, and the final section is Person Info.
4. The fields within these sections can be edited and saved if the Flow is set up to save the changes.