# Display 3D Setup

A Display 3D user input element reads 3D point clouds from the View tag of the InspectionTask tag. The following example procedure shows how to set up a Display 3D element on your WebPage.

1. Create or open a WebPage in the Web Pages Browser. In this example, we open an existing web page named Main by double-clicking it.

2. Bring the Toolbox to the front if needed (use the View > Toolbox menu), and look for the Display3D entry in the Vision Controls and Displays node.

3. Drag and drop the Display3D element to the Web Page.

4. Left-click on the Display 3D element on the Web Page to open its properties in the Properties window. If the window is not brought forward, open it via the View > Properties menu.

5. Click the (Bind) button of the Source binding property on the Properties window. The Expression Builder appears.

6. Click the Tag Selector button (1), and browse to the View tag of the InspectionTask > Acquire task. Select the View tag (2), then click Accept to close the Tag Selector (3). Finally, close the Expression Builder window with the OK button (4).

7. Drag and drop a Button element to the Web Page.

8. Left-click on the Button to open its properties in the Properties window. Look for the Click Command property.

9. Modify the Click Command property to Tasks.InspectionTask.Run by selecting it from the drop-down list. This ensures that when the job goes Online and the Button is pressed, the Display 3D element acquires a point cloud or 3D graphics from the source configured in Step 6.

   Tip: It is also recommended to rename the Button label with the Text property to something more telling, i.e. Acquire.
10. Save the WebPage.

When the job is set Online, the configured Button can be used to run the inspection, so that the Display 3D control element can acquire a new point cloud to display.