Using Properties Panel to Configure

  1. Create graphic icons for the iconbarMenu. See Creating Icons for tips on how to create icons for use with this component.
  2. Make sure all icons for the iconbarMenu are movie clip symbols and have been exported from the library with unique identifiers. These icons will be attached at run time.
  3. Drag the iconbarMenu component from the Components panel onto the stage and resize it to cover your interface.
  4. Using the Properties panel, set the parameters for the iconbarMenu instance to create the desired effect. See Component Parameters for detailed descriptions of the options.
  5. Using the Properties panel, add the symbol identifiers for the exported icon movie clips (step 2) to the "exported icon list" parameter. You can either add just the identifier to each index, or the identifier followed by a comma and an additional paramater that will be sent to the functions called by the iconbarMenu instance.
  6. Using the Properties panel, name a function (for instance, "iconClicked") to be called when an icon is clicked and add it as the "function to call on press" parameter. An additional function may be named to hear a rollOver event.
  7. On the iconbarMenu instance's parent timeline, create the function named in the previous step. This function will receive a single argument, which will be the data value from the icon clicked, or the identifier for the icon if no data value was entered. The function must be added to the iconbarMenu instance's parent timeline when using the Properties panel, though a different timeline may be called using the code API for the component.


  8. function iconClicked(i, num) {
      getURL(i, "_blank"); // opens a new window based on the icon clicked
    }

  9. Publish your movie.