Customizing the Combination of Icons in a Set

How to:

You can easily customize the combination of icons in a set.


Top of page

x
Procedure: How to Customize the Combination of Icons in a Set
  1. To start, find the "iconSets" section in the original irpcfg.js file.
  2. Copy the entire contents of the "iconSets" section into the irpcfgu.js file.

    Important: Copy the entire "iconSets" section to keep the contents consistent. If you copy only part of the "iconSets" section, other procedures and WebFOCUS StyleSheets that refer to one of the predefined icon sets may produce reports, charts, or dashboards with missing icons.

  3. The example in this topic uses the "default" set of icons as the base set. You can copy and use another icon set as the starting point for your customization. For more information on each icon set, refer to the icon set tables in Icon Set Details.
  4. Copy the entire "default" subsection.

    Important: Copy the entire "default" subsection to keep the contents consistent. If you copy only part of the "default" subsection, or part of an individual icon property name or image file name, some icons in the set may not be defined or fully defined. Those icons will not appear in the active report, chart, or dashboard output. A partial icon definition can also cause a JavaScript error at run time.

  5. Instead of "default", name the subsection "myicons".
  6. Find the icon that you want to use in the \ibi\srv77\home\etc\ folder.

    You can also refer to the icon images in the tables in Icon Set Details.

  7. Find the icon image file name in the "myicons" subsection of the irpcfgu.js file.
  8. Change the icon image file name in the "myicons" subsection to the name of the image file in the \ibi\srv77\home\etc\ folder.


Example: Changing the Default Bar Chart Icon

This example replaces the default bar chart icon used in the chart tool bar with the original red bar chart icon.

The original red bar chart icon, which is 24 x 24 pixels in size, is supplied with the product. The image file is named irbar24.jpg. It resides in the \ibi\srv77\home\etc\ folder.

In the irpcfgu.js file, change the image file name of the "barIcon" property in the "myicons" subsection as follows.

{
   "iconSets":{
       .
       .
       .  
      "myicons":{
         "sumIcon":"irdsum.png",
         "pieIcon":"irdpie.png",
         "barIcon":"irbar24.jpg",
              .
              .
              .                             
         },
       .
       .
       .
   }
}

When you run an active chart, the red bar chart icon appears in the chart tool bar, as shown in the following example.


WebFOCUS