Using the Symbol Editor > Using More Features of the Symbol Editor > Working with Interactors > Creating a Horizontal Interactor

Creating a Horizontal Interactor

 INDEX Gray bullet PREVIOUS NEXT

A horizontal interactor is used to extend or contract a symbol object when the mouse moves horizontally over an object in a symbol. The horizontal interactor changes the value of the parameter to which it is bound. This change in parameter value is used to make a transformation on the object bound to the parameter. For example, if you move the mouse over a progressbar symbol, the bar moves to the left or right with the mouse.

Note
Vertical interactors work in an identical way to horizontal interactors. The only difference is that the change in parameter value is caused by the mouse moving vertically and not horizontally.

To add a horizontal interactor to a symbol, do the following:

  1. Open the basicprogressbar symbol you made in Customizing the Progress Bar.
  2. Select the progressbar object.
  3. Open the interactor tab in the Styling Customizer.
  4. Select Horizontal in the Interactor field.
  5. Select progress in the Parameter field.
  6. Set the Maximum field to 100.
  7. Set the Step field to 1.
  8. Test this symbol by clicking the Preview button.

You see that, as the mouse moves horizontally, the progressbar follows the mouse movement. As the value of maximum is set to 100, the progressbar never overruns the background image.

Note
Set the Horizontal Direction to Left in the Interactor tab of the Styling Customizer to make the progressbar move in the opposite direction to the mouse.

Copyright © 1987-2007 ILOG S.A. All rights reserved.   Documentation homepage.    Legal terms. PREVIOUS NEXT