Linking predefined interactors to parameters

Each symbol has a set of built-in interactors that can be used to make symbols dynamic. For more information, see Understanding interactors in the Using the Symbol Editor user documentation. Using the Designer, you can connect the string value of the push_state internal parameter to a custom data property. You then use style rules to make interactive changes to your diagram as the data property changes value. For example, you can change the symbol used to represent a node when it is clicked.
To change the symbol used to represent a node when it is clicked:
  1. Open the Designer.
  2. Create a new default document by clicking File > New.
  3. Double-click Node 1.
  4. Click the New Property icon in the Data Properties pane.
    diada_newproperty4.png
    The New Property Icon
    The Property Name window opens.
  5. Type status in the Enter the name of the new property field.
  6. Click OK.
    The status property is now visible in the Data Properties pane.
    diada_selectdiagramnode5.png
    Selecting a node in a default diagram
  7. Right-click the push_state field in the Parameters tab of the Styling Customizer.
    A pop-up menu is displayed.
  8. Select Enter an Expression in the pop-up menu.
  9. Delete any text in the push_state field.
    A list of available properties and functions appears.
    diada_selectparameter6.png
    Selecting a string parameter to capture the push_state
  10. Select the @status property.
    The status property has been created to hold the state of the push_state parameter.
  11. Run your diagram in Preview mode and click Node 1, then return to Style Editing mode.
    You see that the value of the status property has changed to BUTTON_CLICKED in the Data Properties pane.
To change the current mapping:
  1. Go to the Parameters tab.
  2. Edit the parameter value.