2.4.3. Simple Binding - Property Picker

There are two ways to create a simple binding, either with the Property Picker, or by copy and paste. The following example shows how to use the Property Picker. In this example, we use a hexagon as the reference control, and a rectangle as the linked control.

  1. On a blank page, add one hexagon and one rectangle, using the Simple Path and Simple Rectangle controls.

  2. Select the hexagon (the reference control), and in the Basic Properties, Fill Color choose a color other than White, such as SandyBrown.

  3. Select the rectangle (the linked control), and in the Basic Properties click the binding button on the right side of the Fill Color row.

    A Binding selection box will appear, above the color selection dialog.

  4. In the Binding box, select Simple. A text-entry box will appear, and to the right, the Property Picker icon.

  5. Click the Property Picker icon. The Properties area will turn gray, and when you move the mouse over the page, it will take the shape of the Property Picker.

  6. Click the hexagon. This will open the Property Picker menu. From here you can choose which property of the hexagon you wish to give to the rectangle.

  7. From the Basic Properties submenu, choose Fill Color.

    The rectangle will change to SandyBrown. It is now bound to the color of the hexagon, and will change whenever that color gets changed.

[Note]

There are two options on the Property Picker menu:

Filter by Matching Type

Reduces the list of properties in the reference control to only those that are also present in the linked control. This helps you quickly identify which properties you can actually bind to this particular control.

Include Common Properties

Hides or displays the Common Properties in the list.