Modify the panel.swf file

You can customize the Service Request Catalog UI by modifying the panel.swf file under <SRC_Root_Folder>\secure\configuration\default.

Note You cannot change the name of the panel.swf file. Service Request Catalog will search only for the name panel.swf.

To customize the Service Request Catalog UI by modifying the panel.swf, follow these steps:

  1. Open panel.fla in Flash Professional CS5.x, and note the various symbols.

    The symbols in the panel.fla file each correspond to a graphic, image, or text area in the Service Request Catalog. You should see symbols for the background, header, footer, logo, and other elements of the Service Request Catalog user interface.

  2. Select a symbol that you wish to modify.

    By default, Flash Professional CS 5.x provides numerous panels on the right side of the screen. These panels allow you to access the properties of the symbol that you selected. You can choose to adjust the color, gradient of the various symbols. For example, you may click on the symbol for the background, and use the color panel to specify a background that matches your organization's branding.

    Some symbols in panel.swf may be blank or empty by default. For example, the backgroundImage symbol contains no image by default. However, you may wish to add a picture to that will appear as the backdrop to your users' experience. Similarly, you may wish to remove some symbols. To do this, simply reset the symbol with a blank graphic.

    Caution Do not delete any symbol.

  3. When you finish modifying the symbols, make sure that all symbols are under the "Illustrator Symbols" folder in the Library panel in Flash Professional. During the process of manipulating the symbols, Flash Professional may have moved the symbols from their original hierarchy in the Library Panel.

  4. Export the file as a panel.swf file.
  5. Stop any running instances of Service Request Catalog.
  6. Copy the panel.swf file that you exported in Step 4, and then navigate to where the current panel.swf is upgraded. By default, this folder in the following location:
    <SRC_Root_Folder>\secure\configuration\default
  7. Rename the current panel.swf to panel.OLD to ensure that you maintain an original copy, and then paste the panel.swf file that you exported in Step 4 into the same directory. Move the panel.OLD file to a safe location.
  8. Restart Service Request Catalog. You should see the modifications you made to the Service Request Catalog user interface.

Note By manipulating the symbols in the panel.swf file, you can customize almost all of the graphical aspects of Service Request Catalog. This includes your corporate logo, which you can adjust by replacing the current logo in panel.swf. However, you should be careful not to adjust the following:

  • Size: Adjusting the size of the symbols can lead to unpredictable results and may cause a poor user experience. Service Request Catalog is designed with most elements at specific sizes.
  • Nine scale slicing:  Manipulating Nine-scale slicing can cause some symbols to become distorted in unintended ways, so that the symbols may be too large or small, or distorted.
  • Names: Do not change the names of any of the symbols or their corresponding associations.