HCL Commerce Enterprise

Defining icons to represent the price rule element

You can create and load three sizes of a custom icon to represent your new price rule element in the Management Center user interface. These images help business users identify the element when creating price rules in the Price Rule Builder.

About this task

Rather than hard-coding image file names, include all paths to images in resource files, and associate the files with resource keys. This way, you maintain the user interface code in one area and the images in another. This is particularly useful if you have images that will change often or require translation. In the Price Rule Builder user interface, each price rule element is represented by an icon. Each icon is displayed in three different locations in the user interface, and each location requires the same icon in a different size. The following table summarizes these requirements:
Specifications for palette icons
Location of icon in Price Rule Builder Suggested size of icon
In the palette 20x20 pixels
In the work area (after a business user drags the icon from the palette onto the flow) 32x32 pixels
In the properties view (top-left corner) below the work area 63x60 pixels


  1. Open HCL Commerce Developer and switch to the Enterprise Explorer view.
  2. Copy the three image files to the following locations:
    • For the icon in the palette:


    • For the icon in the work area:


    • For the icon in the properties view:


  3. Define a resource file to reference the images:
    1. Model your resource file after the LOBTools/WebContent/WEB-INF/src/xml/commerce/price/restricted/PricingManagementResources.xml file.
    2. Within the resource file, list the three images and associate a resource name with each path and file name.
    3. Save and close the file.
  4. Register the new resource file.

    Create a resource bundle file similar to the file in LOBTools/WebContent/WEB-INF/src/xml/commerce/price/restricted/PricingManagementResourceBundle.xml