Example of data binding in the TagPicker control

Install and embed the TagPicker control into a graphic as described in:

• Example of installing the TagPicker control.

• Embed the TagPicker client control.

In this example, the Boolean graphic custom property HCV controls the visibility of the ActiveFactory TagPicker caption.

Do the following:

1. Create a Boolean custom property and rename it HCV.

2. In the Industrial Graphic Editor, double-click the embedded ActiveFactory TagPicker control.

3. From the list of properties in the Data Binding configuration area, locate the HideCaption property.

4. Double-click the Reference box of the HideCaption property.

5. In your HMI's attribute/tag browser, select the HCV custom property and click OK.

   The HideCaption property is now assigned to the element reference HCV.

6. Click OK.

7. Place a button on the canvas and configure it with a Boolean pushbutton animation that toggles the custom property HCV.

8. Save and close the graphic.

9. Embed the graphic in a managed InTouch application and test the data binding by clicking on the button in WindowViewer. When you do so, the visibility of the caption of the TagPicker control is toggled.