Using the Symbol Editor > Using More Features of the Symbol Editor > Designing for Performance > Creating a Light Alarm Symbol using the Image List Creation Wizard

This section shows how to create an alarm symbol that indicates status. Follow these steps:

  1. In the Symbol Editor, create a new symbol. For more information, see Making a New Symbol.
  2. Click the Add Image List button. The Image List Creation wizard opens.

images/diasym_addimagelistbutton.png

Figure 2.17 The Add Image List Button
  1. Click Next to pass the welcome page.
  2. Note
    Clear the Do not show this page next time checkbox so the welcome page is not displayed the next time you use the Image List Creation Wizard.
  3. In the main dialog, click the plus button to add images.

images/diasym_addimagesbutton.png

Figure 2.18
  1. In the Choose Image File browser, navigate to the <installdir>/jviews-diagrammer81/bin/symboleditor/data/examples directory.
  2. Select the following files, then click Open. The images are added to the list.
  3. Select On order.
  4. Create a new parameter by typing statusvalue in the Parameter field.

images/diasym_imagelistimagesadded.png

Figure 2.19 Adding a New Parameter for the Image List
  1. Click Finish. The images, parameter and conditions are added to the symbol.
  2. Note
    The On name option is used to set the visible image using the image name. By default the image name is the name of the file imported. You can rename each image using the rename button in the Image List Creation wizard.
  3. Delete the Text and Shape Objects. The led_circle_green object is now the base object.

images/diasym_imagelistresult.png

Figure 2.20
  1. Create the following three allowed values on the statusvalue parameter. See Setting Allowed Values for a Parameter for more information.
  2. Allowed Value Name 
    Value 
    good 
    warning 
    problem 
  3. Set the default value of statusvalue to good.
  4. Test this symbol by clicking the Preview button.

images/diasym_lightsymbol.png

Figure 2.21 A Light Alarm Symbol

As the value of statusvalue changes, a different PNG image becomes visible. For example, when statusvalue is equal to problem, the red image blinks to give an alarm.