# Setting Up the Page for an HMI Display

With the ViDi Sub Task and the tools within it configured, you will want to be able to display and interact with the results by using a Page to create an HMI for your application.

Note: For more information about the Page functionality in Designer, refer to the Pages topics in the Cognex Designer User Guide.

1. Go to the default Page in Designer.

2. From the Page Toolbox, select a VisionPro Display and drag and drop the element onto the Page.

   1. Click the double-arrow icon of the Subject property, and in the Expression Builder, press the Tag button and navigate to $Tasks.Task.ViDiSubTask.InputImage.

   2. Click OK to set the binding.

   3. The Subject property will now be bound to the InputImage tag.

3. From the Page Toolbox, select a Button element and drag and drop the element onto the Page.
   1. Set the Click Command property to Tasks.Task.Run.

   2. Enter Execute Task into the Text field.

4. From the Page Toolbox, select a Label element and drag and drop the element onto the Page.

   1. Click the double-arrow icon of the Text property, and in the Expression Builder, press the Tag button and navigate to $Analyze_PassFail.

   2. Click OK to set the binding.

   3. The Text property will now be bound to the $Analyze_PassFail tag.

5. From the Page Toolbox, select another Label element and drag and drop the element onto the Page.

   1. Click the double-arrow icon of the Text property, and in the Expression Builder, press the Tag button and navigate to $Analyze_Score.

   2. Click OK to set the binding.

   3. The Text property will now be bound to the $Analyze_Score tag.

6. The Page is now configured.

7. Press the Test Mode button to ensure that the project is functioning correctly. Press the Execute Task button to cycle through the images.