Bind properties of graphic elements to properties of other graphic elements in an Add-On Graphic

Bind the properties of different graphic elements in the definition of an Add-On Graphic. Property to property binding shows the same value on different graphic elements, showing the value in different formats. For example, show the level property for a mixer graphic element and a numeric display so the level appears graphically and numerically on the HMI device.
A controller tag must be passed to a user-defined data type property in the definition of the Add-on Graphic. For example, bind the Value property of a Numeric Display graphic element to the FillLevel property of a tank graphic element, and bind the FillLevel property of the tank to the tag that represents the fill level of the tank. The fill level displays graphically and numerically on the HMI device.
To bind properties of graphic elements in an Add-On Graphic
  1. In the
    Property Definition
     tab of the Add-On Graphic, type a name for the user-defined property in the
    Name
    box.
    TIP:
    If the
    Property Definition
     tab is not open, below the screen, select
    Expand
    ExpandSecurityUserButton.
  2. Select the
    Data Type
     box and select
    Select data type
     ST5K_Project_Properties_Browse_button.jpg. The
    Data Type Browser
     opens.
  3. Select a data type:
    • User-Defined.
       A structure data type defined in
      Logix Designer
      .
    • Predefined.
       An atomic or structure data type defined by a controller.
    • Module-Defined.
      A structure data type defined by a module when creating the module. Tags of these types store input, output, and configuration data for the module.
      The data type is used as a filter criteria for the
      Data Type Browser
      . Only items in the
      Logix Designer
       project (.acd) file that meet the filter criteria appear when opening the
      Tag Browser
      .
  4. Select the drill-in arrow Icon: Studio 5K Tag Drill-In Arrow Icon next to a controller.
  5. Navigate to the desired level in the controller and select the data type.
  6. (optional) In the
    Description
    column, type a description for the property to appear when hovering over the property on the
    Properties
    window.
  7. In the
    Category
    column, type the category where the property is to appear in the
    Properties
    window for an instance of the Add-On Graphic.
  8. Select a graphic element in the definition of the Add-On Graphic.
  9. In the property to bind to the selected graphic element, browse to select the user-defined data type property, and then navigate to select the member with the value to show on an instance of the Add-On Graphic.
    TIP:
    Tips:
    • Selecting a user-defined data type displays all of the members within the property and any nested properties. Expand a nested user-defined data type to display all of the members of the nested data type.
    • To type the binding, use the format:
      PropertyName.Member
      For example, if the user-defined data type is named MixerTag and the data type in the controller has a Level member that is the value to show on the Add-On Graphic, type MixerTag.Level.
  10. Select another graphic element in the definition of the Add-On Graphic.
  11. In the same property as the first graphic element, select
    Browse
    ST5K_Project_Properties_Browse_button.jpg to browse to and select the name of the same member to which the first graphic element is bound. When typing the binding, use the format ElementName.PropertyName. For example, to bind to the level of a first graphic element named MixingSideHopper, browse to or type the binding MixingSideHopper.Level.
    TIP:
    Tips:
    • When binding to a property, do not bind to properties within a category. For example, binding to the Color, Style, and Width under the Border category is not supported.
    • To ensure accuracy of the graphic element name when binding the second graphic element, copy the name of the first graphic element from the
      Name
      box in the
      Properties
      window of the first graphic element.
  12. Add an instance of the Add-On Graphic to a screen.
  13. In the
    Properties
    window for the instance, expand the category of the user-defined property and then in the user-defined property, browse to select the controller tag.
    On the HMI device, the Add-On Graphic shows the value of the controller tag.
Provide Feedback
Have questions or feedback about this documentation? Please submit your feedback here.
Normal