Skip to main content

         This documentation site is for previous versions. Visit our new documentation site for current releases.      

This content has been archived and is no longer being updated.

Links may not function; however, this content may be relevant to outdated versions of the product.

How to include variable images in a report column

Updated on September 20, 2019



HTML properties define display characteristics for columns in a report. This article shows you how to use an HTML property to add a set of variable images to a column. For example, you could use the same image with varying colors to indicate when values in a column exceed specified levels.

Note: You can select from a list of images in binary file rules by choosing Tools > Image Catalog or you can upload and save your own images as Rule-File-Binary instances.

Suggested Approach

Use this procedure:

    1. To add your own images your application, create a rule for each image. Open the Technical Category and right-click Binary File, then choose New.
    2. In the App Name field, enter the directory in which the image is stored.
    3. Enter the File Name and extension.

    1. Click Create.
    2. Click Upload File.

    1. Browse for the file, then click Upload File.

  1. Click OK.
  2. Create an HTML property rule.
  3. In the Stream Name field, enter a name for the property.

  4. Click Create.
  5. In the HTML tab HTML Source section, enter your HTML code. In the example, the star image has been set to display up to three times when the property value reaches specified levels using a Java scriptlet.
  6. Click the Save icon.
  7. Create or edit a list view rule or summary view rule.
  8. For a list view, open the Display Fields tab. For a summary view, open the DrillDown tab and choose Detailed View.
  9. Locate the property that you would like to display as an image.
  10. In the HTML Property field of the property row, choose the name of the new HTML property file from the SmartPrompt list.
  11. Click the Save toolbar button..
  12. Click the Run icon. The view displays with the column of images. In the example, the column is Order Level.


Pega Platform 7.1.1 - 7.4 Reporting Financial Services Healthcare and Life Sciences Insurance Communications and Media Government Healthcare and Life Sciences Consumer Services Consumer Services Manufacturing Consumer Services

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us